User manual for ABC content editors
Contents Getting started with Umbraco...................................................................................... 4 Changing your password and logging out................................................................... 5 Umbraco interface........................................................................................................ 6 Create and editing pages............................................................................................. 8 Page fields.................................................................................................................... 9 Section home properties............................................................................................ 12 Global content properties........................................................................................... 14 Saving, publishing and unpublishing pages............................................................... 21 Links........................................................................................................................... 22 Images........................................................................................................................ 27 Tables......................................................................................................................... 29 Deleting and restoring pages..................................................................................... 33 Page notifications....................................................................................................... 34 News Articles.............................................................................................................. 35 Media manager.......................................................................................................... 38 Tips............................................................................................................................. 41
Umbraco ABC administrator manual
Introduction Welcome to Umbraco! Umbraco is content management system (CMS) that allows you to quickly and easily publish information onto a website without the need for any prior knowledge of web page editing. It is designed to be simple to use yet powerful and flexible enough to enable users full control of their website content. No special skills are required in order to create, publish and manage web pages and related content with Umbraco. Any prior web page editing experience you may have will of course prove useful in terms of understanding what you want your website to do. Anything you can do using HTML can also be done in Umbraco – the functionality is not reduced just because Umbraco is easy to use.
My username is: firstname.surname My password is: Opening123: http://www.ashford.gov.uk/umbraco
3
Getting started with Umbraco Logging in To access Umbraco (when working remotely, you’ll need to be signed in to Duo) you simply need to open your web browser and enter the following address: http://www.ashford.gov.uk/umbraco/ You will be presented with the login form into which you need to enter your username and password. Username: firstname.lastname (same as your email address) Password: Opening123: You will need to change your password when you first login to the system.
Login screen
Umbraco ABC administrator manual
Changing your password and logging out To change your password click on your profile icon, top right. The pop out box below will appear. Click on ‘change password’. This is also where you will log out after your session. profile icon
You will now need to enter your old password and your new password. Then click on ‘change password’ and your new password is saved.
Change password screen
Click on change password to save
5
Umbraco interface Initial view Once you have logged in you will be taken straight to the Content section of Umbraco. There are several sections within Umbraco that allow you to manage different aspects of your site. The Content section allows you to manage the web pages of your site. Sections may vary from user to user based upon their role. You can navigate between sections using the blue bar on the top of the screen. As you rollover one of the icons in this bar, the name of the section will be revealed. Click on one of these icons to navigate to it. On the left is the tree view which shows the structure of your website. To navigate the tree you can click on the black arrows to the left of tree items which will reveal any subpages. Clicking on the page name will load that page’s content into the large content area on the right of the screen
Content
Media section
Search bar
Umbraco help
Profile button Tree view Recylce bin
Large content area
Initial view
Umbraco ABC administrator manual
Content Clicking on the content tab will display the website menu, this mirrors the menu on the live site. Clicking on any page will display that page in the editor on the right hand side, allowing you to start editing.
Media This is where all images, documents and video are uploaded for use across the site.
Search bar The search bar at the top left of the screen allows you to search for all content on the website including pages, images and documents. Just start typing and a list will appear below the search bar. Clicking on any item in the list will enable editing.
Umbraco help Links to Umbraco video tutorials.
Profile button In the top right of the screen you will find a profile icon, click on this when you wish to change our password or logout.
Website menu The website structure is displayed by clicking the arrow to the left of ‘Home’ under content. You can access every page on the site here. You can also access pages by using the search bar at the top.
Editor This is on the right hand side where the pages you create and edit will be displayed.
7
Creating and editing pages Editing an existing page Navigate through the tree view and click on the page’s name to open it for editing. Edit as normal. Enter publishing notes detailing what changes you have made and then choose either save or save and send for approval to send the page for publishing to the live site.
Creating a new page Choose the parent page that the page you are creating will sit under. This could be (for example) the Housing page or any of the subpages throughout ashford.gov.uk Options icon. Click on this to create a new page Hover over the name of the parent page and then click on the options icon (•••) to pop out a side menu that will show the types of pages you can create Click on the type of page you wish to create which will then load the new page into the content area on the right-hand side
Page types that you can create
Umbraco ABC administrator manual
Page fields explained Page name This is the name of your page and it will appear excatly as you type it in the menu on ashford.gov.uk and in the URL in the browser bar.
Call to action buttons Call to action buttons appear top of the page with a yellow background, they should be used to pick out any main actions the user may need to carry out on your page. You can add 1, 2 or 3 buttons on any page.
‘Call to action button icon’ - you will find icons for ‘pay’, ‘apply’, ‘report’ and ‘find’ in the media manager in the ‘homepage’ folder. Use the black versions of these icons. ‘Call to action button text’ - add the wording you want to appear on the button. ‘Call to action button link’ - to link your button, click on the word ‘add’. Then navigate to the page in the site you want to link to.
9
Banner image This will apply an image at the top of your page at 100% width. Click on the plus icon and find or upload your image to the media manager. Images should be approx - 768 wide x 250 high CHECK!
Umbraco ABC administrator manual
Frequently asked questions This field allows you to add FAQs in an accordion style. The frequently asked questions appear under your main content. Speak to the Comms team if you have any links in your FAQs as links need to be added into the code. Click on the insert macro icon and choose ‘insert frequently asked question’.
Insert macro
This will give you a question and answer field to fill in. Once you’ve either typed or pasted in your text, click the ‘submit’ button bottom right. Repeat this for each question.
11
Section Home Properties Body content Type or paste the main text of your page into this field.
Text Editor Toolbar explained
Source code
Toggles between the text and HTML code versions of the content
Align left
Clear formatting
Align centre
Undo
Align right
Redo
Justify
Cut
Blockquote
Copy
Bullet list
Paste
Numbered list
Paste as text
Strips out existing formatting, if text has been copied from a document
Formats
Decrease indent
Drop down of heading styles, start with H2 and work down
Increase indent
Bold
Insert/edit link
Italic
Remove link
Underline
Anchor
Strikethrough
Media picker
Umbraco ABC administrator manual
Insert images
Text Editor Toolbar explained
Insert macro
Including forms, maps and call to action buttons within the content
Superscript
Table
Special character
Embed
Full screen
Subscript
x
13
Global Content properties Content tags
Content tags are used to segment search results. The search results are split into categories, you can add a tag to your page to make it appear in the Report, Apply or Pay categories of search results as well as the pages and all categories. You can add more than one tag. Once you’ve typed your tag name, press enter on your keyboard.
The name of your tag will appear in the field with a bin icon to the right.
To delete the tag, click on the bin icon and then confirm by clicking the green tick. If you click the red cross it will cancel your request to delete the tag.
Umbraco ABC administrator manual
Hide from search Tick this box if you do not want your page to be included in search results.
Hide from menu Tick this box if you want to create a floating page, one that can be found by searching the site, but doesn’t appear in the menu. Hide from menu could also be used for content that you want users to access after they have read other information. E.g a form could be linked within the text at the bottom of a Ts and Cs page, but by hiding from menu, it will prevent users using the quick reference menu and jumping straight to the form without reading your conditions first.
Publishing notes Use this field to let the administrators know what you have changed on the page to save them time, checking the entire page again. E.g. I fixed a spelling error or uploaded the link ‘link name’. If you have created a new page then state that it is a new page.
Title Give your page a title which is slightly different to the page name e.g . This helps search engine optimisation.
Description This should be one or two short sentence description of the content of your page, this will be displayed in search results.
Keywords Use as many words as you can separated by a comma. Keywords will help your page appear higher up in search results. Also include words which are not used in the content of the page e.g. if the page is about waste, keywords could include: refuse, rubbish, trash etc. Try to think about which terms the public may use to find your information.
15
Friendly URL Use this to create a short URL for your page. E.g. the url for the food waste page is https://www.ashford.gov.uk/recycling-waste-and-bins/recycling/food-waste/ by giving it a friendly URL of ‘food-waste’, the page can also be reached by the following link - https://www.ashford.gov.uk/food-waste Only type the last section of the url into the ‘friendly url’ field, in this example ‘foodwaste’. url
Only type the last section of the url into the ‘friendly url’ field, in this example ‘foodwaste’.
Umbraco ABC administrator manual
Related information pages You can group pages together from different sections of the site, by adding them to the related information pages field. This will allow the user to move through these pages using the next and previous buttons and display links beneath the content to show which pages are included in that group. Click the ‘add’ button to the right of the related information pages field.
You will see a pop out window with the site structure. Then click on each page you want to add to the group (you can select as many as you require), you will see a green tick next to the page name once it has been successfully chosen. When finished click on submit.
17
Related documents You can also display documents related to the page content, these will appear on the right hand side underneath the ‘also in this section’ menu. Click on the ‘add’ button next to the ‘related documents’ field.
You will see a pop out window displaying the media folders. Navigate to your document and click on it, you will see a pink border appear around the document. Then click ‘select’ bottom right. (You can hold down shift when selecting documents in the same folder to add more than one at a time.)
The documents will then be displayed as a list next to the ‘related documents’ field.
Umbraco ABC administrator manual
Removing related information and documents Once you have added related information and documents, you will get an option to remove them. Simply click on the word ‘remove’ on the right and the related information will disappear and no longer be related to that page.
19
Previewing pages Your page will look slightly different in the editor than when it’s published on the live site. You can preview your page at any time by hitting the preview button bottom right. You will need to have completed all fields with an * before you can preview or save a page.
You will have the option to preview your page at different screen resolutions.
desktop laptop tablet portrait tablet landscape mobile portrait mobile landscape
Umbraco ABC administrator manual
Saving , publishing and unpublishing pages Save The Save button is used for saving the page without publishing the changes to the live site. This is especially useful if you are working on changes over a period of time as you can save frequently to prevent losing any data or if you wish to save the current state and return to edit the page at a later date. Using the Preview button will show you how the page will look once published.
Save and publish The Save and publish button is for when you want to publish a previously saved page to the live website, or to just publish a page. This will save and send your page to be reviewed by the page approvers before going live.
Schedule You can schedule a page to publish at a later date and time. You can also set an unpublish date if you only want the page available within a particular time frame.
Publish with descendants Use this option to publish a section home and all of the pages which sits underneath it.
Unpublish This will remove your page from the live site but keep it in draft format in the editor.
If you see a green plus on the left hand menu, then changes have been saved on that page, but not published.
21
Body Content - Links Click on the link icon to insert one of the following links: Do not use ‘click here’, ‘read more’ etc for links – accessible links should make sense out of context of rest of the page e.g. ‘download our salary data’ or ‘see our housing page’.
External link 1. Select the text that will form the hyperlink. 2. Click the Insert Link button which will reveal the link properties slide out menu. 3. In the URL field, enter the URL of the web page you wish to link to. 4. In the Title field, enter the web address and state if it opens in a new window, this is required for accessibility. 5. In the Target field, click the check box if you want the link to open in a new window. 6. Click submit. You can preview your page to test the link.
Page link 1. Either select the text that will form the hyperlink or put your cursor where you want the link and the name of the page will automatically be inserted. 2. Click the insert link button which will reveal the link properties slide out menu. 3. Select a page to link to by either searching or navigating the menu by expanding the arrow to the left of ‘home’. This will then populate the link to document automatically. 4. The page title field will be automatically populated with the page name. This is important information for everyone reading the website with different accessibility aids. This can be edited but it must be clear where you are sending the user. 5. Don’t select open in a new window for internal links. 6. Click submit.
Umbraco ABC administrator manual
Document link 1. Put your cursor where you want the link to be (do not hightlight existing text). 2. Click the Insert Link button which will reveal the link properties slide out menu. 3. Select the link to media item button which is situated at the bottom of the slide out menu. 4. You will then be taken to the media manager, where you can find and select the file, then click ‘submit’. 5. When you have selected the file you will be taken back to the link screen where the link to document and page title fields have been populated with the media item information. By default the page title will be the media file name. Click submit. The system will add the file extension e.g. [pdf], however for accessibility you must also include the file size, add this to your link after the file extension, once it’s on the page.
23
Email link 1. Select the text that will form the hyperlink or place your cursor where you want the link to appear. 2. Click the Email button in the toolbar and you will see a pop out window. 3. In the ‘E-Mail’ field put the email address. 4. In the ‘subject’ field, you can enter the subject of the emails which you receive to enable you to see at first glance what the email regards. This field is optional. 4. In the ‘title’ field, enter the text that will be shown as a pointer to the link. This is important information for everyone reading the website with different accessibility aids. 5. In the ‘link text’ field enter the text you would like to appear on the page e.g. email the design team. If you have already highlighted text then leave this blank. If you haven’t highlighted text and you leave this blank, the email address you enter will appear on the page as the link text. 5. Click ‘Ok’.
Umbraco ABC administrator manual
Anchor link An anchor allows you to create internal page links that enable users to navigate within a page. There are two parts to setting up an anchor; the anchor itself and the link to the anchor. Creating an anchor 1. Put the cursor where you wish to create the anchor. 2. Click the ‘anchor’ button which will then launch the anchor creation dialog. 3. In the name field enter your anchor name. You should avoid special characters and do not use spaces. Try to give an anchor the same name as the heading of that section. 4. Click OK to finish. 5. You will see a small anchor icon where you previously had the editor cursor. To delete the anchor, simply select it and then press your delete key.
Linking to an anchor 1. Highlight the content which you wish to add the anchor link to. 2. Click the Insert link button which will reveal the link properties slide out menu. 3. Click on the anchors dropdown list and selct your anchor. 4. Click ‘submit’.
25
Create a link from an image You can make images into clickable links in Umbraco. 1. Insert an image into the editor (Images on P27). 2. Select the image that will form the hyperlink. 3. From here, follow the same instructions as for inserting a normal hyperlink on the previous few pages.
Removing a link 1. To remove a link you first need to select it in the editor. For text links simply click the cursor anywhere within the link text. For an image just click the image itself. 2. Click the Remove Link button which remove the hyperlink.
Umbraco ABC administrator manual
Images Inserting an Image from the Media Library 1. Place the cursor in the editor where you want to insert your image. 2. Click the Media Picker button from the toolbar to open the media selector menu. 3. Select the folder which the image is in. 4. Click the thumbnail of your chosen image to open the image properties menu. 5. In the ‘Alternative text’ field enter a description of the image to assist visually impaired users. This field is mandatory. 6. Click ‘submit’ to add the image to your page. 7. Once the image is on your page, select it and click on ‘right align in the tool bar. This is house style.
27
Inserting an Image from your Computer You can upload images directly from the rich text editor on the page you are editing. These images will be stored in the Umbraco media manager. Therefore care should be taken to ensure that the image is placed in the correct location within the library. 1. Place the cursor in the editor where you want to insert your image. 2. Click the Media Picker button from the toolbar to open the media selector. 3. Click the Upload button which is located in the top right-hand corner of the menu. 4. Browse your computer to find the image and click ‘open’. 5. The image will appear at the bottom of your folder. Navigate to it and select it. 6. In the ‘Alternative text’ field enter a description of the image to assist visually impaired users. This field is mandatory. 7. Click submit to add the image. 8. Once the image is on your page, select it and click on ‘right align in the tool bar. This is house style.
Deleting an image from the page If you want to delete an image from the page, simply select the image and press Delete button on your keyboard. The image disappears from the page, but is not deleted from the Umbraco media manager. Umbraco ABC administrator manual
Tables Place the cursor in the editor where you want to insert your table. Click on the table icon and then on insert table and use the grid to select the number of rows and columns required.
Edit a table (table properties) 1. To edit the table properties such as width and summary, place your cursor in a cell and click on the insert table icon, and select ‘table properties’. 2. Edit the width of table by using percentages e.g. type in 50% for the table to span half the width of the page. Do not worry about specifying the height, as the table will autosize to distribute the columns and the rows evenly.
Cell spacing and cell padding: these can be left blank as the table automatically adds these for you. Caption: Check the box for this and add the caption on top of the table in the page. You must include a caption of what the table contains for accessibility. Alignment: ‘None’ means that page text will appear above and below the table, rather than wrapping to the left or right. 3. Click OK to update the table. 4. You can edit any existing table in the future by clicking on table properties.
29
Insert or delete rows/columns 1. Click in the table where you would like to insert/delete a new row or column. 2. Click the table icon and choose either row or column from the dropdown menu. From there you can then select whether to insert a row above or below, a column to the left or right, or delete the row/column completely. You can also cut, copy and paste rows/columns from this menu.
Merge/split cells 1. Highlight the cells you want to merge. 2. Click the table icon and choose cell from the dropdown menu. 3. Choose Merge cells.
Headers cells 1. Place your cursor in the cell, or highlight the row/column you wish to make a header. 2. Click the table icon and choose ‘cell’ from the dropdown menu. Click on ‘cell properties’. This will display the cell properties window. 3. Cell type: cell for ordinary text or header (this applies a blue background and white text. 4. H Align: text will align left, right or centrally within the cell. 5. V Align: text will align top, middle or bottom within the cell. 6. Click ‘Ok’ to save the changes. Adding header cells to your table is essential for accessibility
Delete a table Click on the table to select it, to to ‘table properties’ and click on ‘delete table’
Umbraco ABC administrator manual
Sorting pages Pages will be displayed in creation order. However, you can sort them by dragging and dropping, by name (alphabetical) or by creation date. You can only sort pages that are in a section and not on an indivual basis. You will need to move a page if you want it to be in a different section from the one it is currently in. 1. In tree view right click on the section home (parent) page whose child pages you wish to sort 2. Click on sort in the pop out menu 3. Drag and drop or click on the column header (Name or creation date) to sort in descending or ascending order 4. Click Save to update the page order. This will immediately be updated on ashford.gov.uk Remember that sorting pages will impact the main website menu and the menu boxes on section home pages.
31
Do you need to republish pages once moved?
Moving pages Pages can easily be moved between sections of the website. 1. In tree view right click the page you want to move and choose move from the pop out menu. 2. In the move menu, select the section home page you would like the page to sit under. The selected page will display a green tick once selected 3. Click on move to confirm the move
Umbraco ABC administrator manual
Can editors delete and unpublish pages? Deleting and restoring pages Deleting a page If you have pages that you no longer want on ashford.gov.uk you are able to delete them. However, pages can only be deleted if they are unpublished. Upon deletion, the page is moved to the recycle bin as a safety net just in case you change your mind and wish to restore the page. 1. Find the page you wish to delete in tree view. 2. Right click on the name of the page you want to delete and choose ‘delete’ from the pop out menu. 3. Click ‘Ok’ to confirm deletion or click ‘cancel’ if not.
Restoring a deleted page The Recycle Bin is a separate tree list that can be found at the bottom of the content tree view. To restore a page back to where it was before 1. Click on the options icon (•••) for the page you wish to restore from the Recycle Bin to open the actions pop out menu. 2. Click Restore. 3. Click the green ‘restore’ button to confirm. 4. Click OK. 5. You will now need to go to the page and republish it by clicking the ‘save and publish’ button in order for it to be visible on the website.
Permanently deleting pages from the recycle bin If you are confident you no longer require any pages within the recycle bin you can permanently delete them. We strongly advise that you only permanently delete your own items from the recycle bin. The page approvers will empty the recycle bin on a monthly basis, but will email all editors before this occurs. Delete individual items 1. Click on the options icon (•••) to the right of the page name within the recycle bin. 2. Click ‘delete’. 3. Click ‘Ok’ to confirm you wish to permanently delete the page or click ‘cancel’ if you do not.
33
Page notifications You can set up notifications so that you receive an email when an action (e.g. when a page is published) is performed on a given page. Subscribe to page notifications 1. In tree view right click on the page name you wish to be notified about 2. Choose notifications from the pop out menu
3. Check the box(es) next to the action(s) you are interested in and you will receive notifications by email each time the given action occurs on that page 4. Click save NB: You will receive a notification every time your chosen action happens on said page, regardless of whether you have edited the page or not. E.g. you will receive a publish notification every time the page is published, even if someone else sends it through for approval.
Unsubscribe from page notifications 1. To unsubscribe, simply follow the steps above and uncheck the box(es) you have selected 2. Click save
Umbraco ABC administrator manual
News articles To add a news article, click on the arrow next to the news section and then find the category you want your article to sit under. 1. Click on the (...) to the right. 2. Click on ‘News hub article (category) 3. Create your news article as you would a standard web page.
There are a few extra fields for a news article.
35
News articles To add a news article, click on the arrow next to the news section and then find the category you want your article to sit under. 1. Click on the (...) to the right. 2. Click on ‘News hub article (category) 3. Create your news article as you would a standard web page. There are a few extra fields for a news article.
Star image This is the image you will see xxxx??.
what is the star image?
Article top image This image will appear at the very top of the page before the title and text (screen shot)
Umbraco ABC administrator manual
Tile image This image will be the thumbnail image on the main news page.
Teaser text This should be a one or two sentence intro to the article. Teaser text will display under the heading of the main article.
37
Media Manager All media within the site first needs to be loaded into the media manager. The media section can be found on the right of ‘content’ in the top bar. Within the Media section you can create folders and files in a similar manner to that of your desktop computer.
Working with Folders Folders can be used to help organise the Media section and to keep similar items in a logical structure. It is highly recommended to ensure you use folders to organise your media. When your media library starts to grow folders become essential in locating media quickly and easily. folder name
save button
Creating a Folder 1. Select the folder to which you would like the new folder to be a sub-folder of (if you want to create a folder at the root of the media section then just hover over the media title). 2. Click on the options icon (•••) and choose ‘folder’ from the ‘create’ menu. 3. Enter a name for your folder and click ‘save’ to create the folder. Folders are purely for sorting within the media section. They will not be part of the image URL nor will they create a folder on the server with the given name.
Editing a folder name 1. Click the folder you wish to edit from the media tree view. 2. You can then click the title at the top of the page which then gives the ability to edit the title. 3. Click ‘save’ to make the change. Umbraco ABC administrator manual
Can you replace files by browsing to another? Uploading an image or file
1. Select the folder where you would like to create your new image or file. 2. Right click the folder and choose create from the context menu and click ‘file’. 3. Browse to the image. 4. Click save at the bottom right. 5. You can click the image to view its properties and rename or delete the file.
39
Deleting a folder or file If you wish to tidy up the media manager, you can easily delete existing folders and files. Once you have deleted a folder or file, it is sent to the recycle bin. If you change your mind, you can restore the deleted folder or file from the recycle bin. 1. Select the folder or file you want to delete. 2. Right click the folder or file, and click ‘delete’ from the context menu. 3. Click ‘Ok’ to confirm deletion of the folder or file, or click ‘cancel’ to cancel deletion. Note that when deleting a folder the contents of the folder are also moved to the recycle bin. You can restore items from the recycle bin in the same way as you can in the content section.
Moving a folder or file 1. Select the folder or file you want to move. 2. Right click the folder and click ‘move’ from the context menu. 3. Select the parent folder you want to move the folder or file into. 4. Click ‘move’ bottom right or ‘cancel’ if you don’t want to move the item.
Sorting the contents of a folder Media items in Umbraco are sorted in the tree view according to a predefined sort order. It is common for the item that has been created most recently to be placed at the bottom of the tree structure. You can easily change the sort order of the items in a folder by using the sort function. 1. Select the folder to sort. 2. Right click the folder, and click ‘sort’ from the context menu. 3. Drag the folders, images and files into the required order. Alternatively, click on the ‘name’ or ‘creation date’ column header to sort the items automatically by ‘name’ or ‘creation date’. Clicking on a column header again reverses the sort order. 4. Click ‘save’.
Umbraco ABC administrator manual
41
Forms
Umbraco ABC administrator manual
43
Tips Writing for the web with accessibility in mind Ashford.gov.uk is our shop window. Sell your service! If someone can find the answers that they need, quickly, easily and for themselves, it means that they won’t contact you. 1. Don’t use jargon! 2. Think about who will be reading it. Put yourself in their shoes. If you went on (for example) the British Gas website, would you understand their technical terms, or would you prefer things explained in clear, simple, jargon-free English? 3. Don’t copy and paste text from a brochure, manual or document. Residents won’t find the information and what you’ve copied and pasted won’t make sense out of context. 4. Web users skim a page, so put all the relevant information in the first paragraph. If they want to read more after that, put a bit more explanation in the next paragraph and so on. 5. Links should be calls to action, and act as a signpost for the users. Never use click here on links. If you spend a paragraph on a particular document, make the link underneath say ‘Download xxx’. People will know exactly what to do. 6. Text is much easier to read from left to right so always align images to the right of the page.
Headings Use headings in descending order, this aids screen readers, users are able to skip between headings to find the relevant information rather than reading the entire page.
Links Link description (page title or alternate text) needs to do three things: 1. describe where the link is taking you to (i.e. the website name) 2. what it does when you click on the link (i.e. opens in a new window) 3. be succinct! E.g. ‘BBC website. This link will open in a new window’. This is important information for everyone reading the website with different accessibility aids
Alt text When adding alt text, think about who will be using the page. So, rather than writing ‘boy’ for a picture of a boy, describe what the boy is doing and if there is anyone else in the picture with him. E.g. ‘Boy and mum painting a fence’. It is important to add descriptive titles to images as these assist visually impaired users to navigate your page.
Umbraco ABC administrator manual
Tables Add a caption to your table and use header cells, this helps someone using a screen reader to read out in the correct order.
Video Ensure any video content has captions, this will enable users to understand the content if hard of hearing. Live video content is exempt from needing captions.
PDFs and documents Before adding a PDF to your page, consider if it could be added as text on a web page. If you do need to add documents then ensure they are accessbile before uploading them. Notes on how to do this are available on the Umbraco welcome screen. (check with IT we can add this link). Maps are exempt from accessiblity guidelines.
Forms Form fields should be clearly labelled to avoid confusion as to what information should be entered by the user.
Sourcing images Never use images unless you have permission, or the copyright is held by Ashford Borough Council. Do not use images found by internet search or from third party websites! The page approvers trust that images you use have permission from the photographer that you can reproduce them on ashford.gov.uk or that ABC holds the copyright. ABC has had to pay compensation when images have been used without the photographer’s permission. The Comms team have a licence to a stock image library, speak to them if you would like an image for you page.
45
Umbraco ABC administrator manual