1.1 Non-text Content (Level A)
1.1.1 (a) Images containing text or provide contextual meaning on the page have a text-based alternative?
1.1.1 (b) Graphs and/or Infographics that hold or display information have a text-based alternative available?
1.1.1 (c) Videos that have captioning that is embedded into the video have a text alternative?
1.1.1 (d) Audio has an alternative format that is not audio-based such as a transcription or alternative description?
1.1.1 (e) If an image is purely decorative is it marked up appropriately? (e.g alt=“” tag)
1.1.1 (f) Images that have alternative text can it be accessed using a screen reader and is the text accurate?
1.1.1 (g) Authentication or CAPTCHA that uses imagery or video must have an alternative way of use such as audio
1.1.1 (h) If a button is using an image containing text is this clearly identified in the button description that can be read by a screen reader?
1.1.1 (i) Images that contain text of important information all have a suitable text alternative added?
1.1.1 (j) Videos that contain information such as text or instructions have alternative version available e.g. Audio or Descriptive Transcript?
1.1.1 (k) Calendars/Maps have a text-based alternative such as 'travel instructions or Event information' accessible to a screen reader?
1.1.1 (l) Where text is being used are clear legible fonts being used such as Arial, Verdana, or Open Spans? (including brand approved fonts)
1.1.1 (m) If a title or heading is part of an image is a text-based alternative available?
1.1.1 (n) Where icons and imagery is used which a form field such as a mandatory icon is a text-based alternative available?
1.1.1 (o) If a pop-up or modal box is used is a text-based alternative available if imagery or icons are used?
1.2.2 Captions (Prerecorded) (Level A)
1.2.2 (a) Videos (Pre-recorded) with audio have captioning available?
1.2.2 (b) Audio only media (e.g. Podcast) has captions and a transcript available?
1.2.2 (c) Audio Captions are accurate and are synchronized with audio and are clear and concise?
1.2.2 (d) Audio Captions identify speakers individually and include non-speech information such as sound effects?
1.2.2 (e) Captions for Audio are easily found and accessible to a screen reader?
1.2.2 (f) Where authentication or CAPTCHA is using audio are captions or an alternative authentication method available?
1.2.2 (g) Where captions are needed ensure there is a clear descriptive link that works?
1.2.2 (h) Where information highlighted on a map or calendar (dates, location or time) are highlighted is this represented accurately within captioning?
1.2.2 (i) Is a clear and accessible font style being used for the captioning text?
1.2.2 (j) Where a transcription is provided is there a heading or a title accompanying them?
1.2.2 (k) Pop-up boxes and modal boxes are not covering when closed captioning is displayed?
1.2.2 (l) Where closed captioning is used that starts automatically is there a mechanism in place to stop them?
1.4.1 Use of Colour (Level A)
1.4.1 (a) Graphs are not reliant on colour alone to convey the meaning or value of data in the graph?
1.4.1 (b) Where instructions are provided within the Audio, they can be followed and interpreted without relying on colour alone?
1.4.1 (c) Form fields that have validation checks or mandatory fields use visual icons or text to indicate required actions?
1.4.1 (d) Where different text colours are used to show value, they are accompanied by a visual graphical representation or format e.g. Bold?
1.4.1 (e) Information provided to a screen reader, including instructions or error messages, does not rely upon colour alone to convey meaning?
1.4.1 (f) Where graphical objects or text are used to support colour, are they accessible to a screen reader?
1.4.1 (g) Authentication of CAPTCHA does not rely on a person being able to see colour in order to authenticate? (Select the red icon)
1.4.1 (h) Where different text colours within a graph are used to show value, they are accompanied by a visual graphical representation or format e.g. Bold?
1.4.1 (i) Information provided to a screen reader to interpret a graph or infographic does not rely upon colour alone to convey meaning?
1.4.1 (j) Buttons are not reliant on colour alone to convey their meaning? e.g. Press the 'Red' button
1.4.1 (k) Information shown within an image has good colour contrast?
1.4.1 (l) Videos displaying information do not convey information that relies on colour alone?
1.4.1 (m) When including links, are they all formatted consistently and have a visible way of identifying them such as underlining, not relying on colour alone?
1.4.1 (n) Colour alone has not been used to identify dates, time, or location within a map or calendar? (Follow the green line or look out for the red button)
1.4.1 (o) Where colour has been used within text, has it been formatted in a way that identifies its purpose such as underlining, bold, or italic?
1.4.1 (p) Colour has not been used to identify which fields require user input? (Example complete all the red fields)
1.4.1 (q) Error messages that highlight issues within a field also have a graphical identifier that does not rely solely on colour?
1.4.1 (r) Colour is not used on its own to identify where content will be automatically updated?
1.4.1 (s) Colour alone is not being used to identify data within a table, this includes the use of border colours?
1.4.10 Reflow (Level AA)
1.4.10 (a) At 400% zoom (or 320 CSS) all buttons and interactive elements such as form fields function correctly?
1.4.10 (b) There is only a single direction of scroll (Vertical) with no sideways scrolling required? (Exemptions: Maps & Diagrams)
1.4.10 (c) Information is visible, available and not covered, hidden or distorted when at 400% magnification? This includes Audio controls e.g. Mute.
1.4.10 (d) Content that does require a two-dimensional layout such as a map or seating plan is contained within the main page?
1.4.10 (e) All content controls for Audio can be navigated logically and accessible to a screen reader technologies at 400% magnification?
1.4.10 (f) When setting 400% magnification authentication or CAPTCHA functionality or visibility is not affected, only a single direction of scroll is needed?
1.4.10 (g) A screen reader is able to read all Authentication or CAPTCHA information?
1.4.10 (h) When magnifying up to 400% does the Graph or Infographic still make sense and including access to all the information?
1.4.10 (i) Where a graph or infographic requires bi-directional scroll it must not impact any other content or element on the page?
1.4.10 (j) When the screen is magnified to 400% buttons do not lose information or functionality and are presented logically?
1.4.10 (k) If an image requires two directional scrolling it does not interfere with other content on the page?
1.4.10 (l) Videos when magnified up to 400% do not interfere with other elements on the screen or overlap other content?
1.4.10 (m) Links are not cut off or lose functionality when the screen is magnified up to 400%?
1.4.10 (n) When a map or calendar is magnified up to 400% it does not interrupt any other component or element on the screen?
1.4.10 (o) If a map required bidirectional scrolling does all functionality work when magnified up to 400%?
1.4.10 (p) Is text all visible and loses no context or meaning (including granulation) when screen is magnified to 400%?
1.4.10 (q) When magnifying the screen to 400% are the heading and titles displayed clearly and responsively flow in a logical way?
1.4.10 (r) When a field or menu element is magnified up to 400% it still functions correctly and all field content is visible?
1.4.10 (s) Pop-up boxes and modal boxes when magnified up to 400% still continue to function and content is not hidden as the view changes?
1.4.10 (t) Pop-up boxes and modal boxes only require one direction of scrolling when magnified up to 400%?
1.4.10 (u) Where a table is unable to reflow up to 400% and retain a logical structured layout it is not impacting other elements, divs or iFrames on the page?
1.4.3 Contrast (minimum) (Level AA)
1.4.3 (a) Text that is smaller than 18pt (24px) or 14pt bold (19px) has a contrast ratio of 4.5:1 or above?
1.4.3 (b) Text within an image has a contrast ratio of 4.5:1?
1.4.3 (c) Larger text such as headers over 18pt (24px) or 14pt bold (19px) has a contrast ratio of 3:1 or above?
1.4.3 (d) Where text is presented within a video does it meet a minimum of 4.5:1 (normal text) or 3:1 for large text?
1.4.3 (e) In videos, where captions are embedded do the captions meet a contrast minimum standard of 4.5:1?
1.4.3 (f) If placeholder text is being used within a form field does it meet contrast minimum 4.5:1?
1.4.3 (g) Do all navigation links have a minimum contrast of 4.5:1?
1.4.3 (h) Text (including placeholders) used during Authentication or CAPTCHA smaller than 18pt (24px) or 14pt bold (19px) has a contrast ratio of 4.5:1 or above?
1.4.3 (i) Text (including placeholder text) within an image used for Authentication or CAPTCHA has a contrast ratio of 4.5:1?
1.4.3 (j) Does the graph make good use of colour and have at least a 4.5:1 ratio between text and graph colouring (Including legends, tags)?
1.4.3 (k) Buttons meet either a 3:1 colour contrast if UI only or where text is present meet 4.5:1 contrast ratio?
1.4.3 (l) If information is displayed within a video (including closed captioning) is there sufficient colour contrast?
1.4.3 (m) There is good use of contrast when using links within a body of text meeting or in places such as a video 4.5:1 contrast ratio?
1.4.3 (n) Has good colour contrast been used within a map or calendar and is important information such as date, time and location visible?
1.4.3 (o) When text is focused on with a keyboard does the highlight colour of the text have good colour contrast?
1.4.3 (p) Headings and Titles have good colour contrast making it easy to identify them within the content meeting contrast ratio 3:1?
1.4.3 (q) Fields that have data or information within them meet colour contrast ratio of 4.5:1?
1.4.3 (r) Menu elements meet colour contrast ratio standard of 4.5:1?
1.4.3 (s) There is at least 3:1 contrast between the pop-up or modal box compared to the main page background that ensures it is visible?
1.4.3 (t) The content within a table has good colour contrast and meets 4.5:1 for text?
1.4.4 Resize Text (Level AA)
1.4.4 (a) Except for captions and images of text, all text can be resized up to 200% without loss of content or overlapping text?
1.4.4 (b) Except for captions and images of text, all text can be resized up to 200% without loss of functionality and usability?
1.4.4 (c) Using assistive technology/ Screen reader is all text available when text is resized to 200%?
1.4.4 (d) Can all text be resized up to 200% without loss of content or overlapping text within authentication or CAPTCHA?
1.4.4 (e) Can all text be resized up to 200% without loss of functionality within authentication or CAPTCHA?
1.4.4 (f) When increasing text size up to 200% does the text size increase without impacting the layout or structure of the graph? (Having an alternative format is ok)
1.4.4 (g) When text is resized on a button up to 200% is it still understandable and does not overlap or reduce functionality?
1.4.4 (h) Images containing text have a high enough resolution meaning text is still legible at 200% magnification?
1.4.4 (i) If content e.g. text is displayed in a video playing at 200%, is the resolution high enough to avoid granulated information?
1.4.4 (j) When magnifying links up to 200% the link does not lose context or overlap with other elements of the page?
1.4.4 (m) When magnifying text up to 200%, does the text within the map or calendar increase as expected and does not affect functionality?
1.4.4 (n) The text when magnified to 200% within a map or calendar does not overlap other text or cause the information on the page to be less visible?
1.4.4 (o) Headings and titles maintain their context or meaning when magnified up to 200%?
1.4.4 (p) When text is resized to 200% the form field increases and decreases in size maintaining visibility of the input text?
1.4.4 (q) When the screen is magnified to 200% the menu continues to function and all the information remains visible and increases in size?
1.4.4 (r) When text size is set to 200% the size of the text on a pop-up or modal increases appropriately?
1.4.4 (s) When text is increased on a pop-up or modal up to 200%, text remains readable and functionality continues?
1.4.4 (t) Text size can be increased up to 200% within a table and does not impact the functionality or readability of the content?
2.1.1 Keyboard (Level A)
2.1.1 (a) Using a keyboard is it possible to navigate to all form fields and form controls?
2.1.1 (b) Are all media player (Audio) controls such as volume controls navigable and operable when using a keyboard?
2.1.1 (c) When modal or pop-up boxes are presented can they be navigated and controlled using a keyboard?
2.1.1 (d) If drag and drop functionality is used is there a functioning keyboard controllable alternative?
2.1.1 (e) Where a carousel or tabbed layout is used it is possible to navigate and control them fully using a keyboard?
2.1.1 (f) Can timing adjustable popups and modal boxes be accessed using a keyboard?
2.1.1 (g) Are you able to access and complete the authentication or CAPTCHA using a keyboard only?
2.1.1 (h) Can timing adjustable popups and 'auto logout' screens be accessed using a keyboard to retain authentication?
2.1.1 (i) Are all controls, filters, and interactive content shown within a graph accessible and work as expected when navigating using a keyboard only?
2.1.1 (j) Buttons are accessible and work as expected when navigating using a Keyboard? (unless they are deactivated and instructions are provided)
2.1.1 (k) Buttons when accessed using a screen reader are read when navigated to using a keyboard?
2.1.1 (l) If images are presented in a carousel can they be navigated to using a keyboard?
2.1.1 (m) Can videos be navigated to and controlled by keyboard alone and announced correctly by a screen reader?
2.1.1 (n) All links can be navigated to using a keyboard and are identified appropriately to a screen reader?
2.1.1 (o) All map controls can be accessed using a keyboard and work as intended, and map content can be navigated and controlled using a keyboard?
2.1.1 (p) All interactive elements are available to a keyboard when navigating a calendar, this includes accepting, declining invitations?
2.1.1 (q) If an error message is displayed on a Map or Calendar can it be accessed using a keyboard?
2.1.1 (r) Headings are accessible to screen reader software when using keyboard shortcuts such as H, H+1 or H+2?
2.1.1 (s) All interactive menu links are accessible using a keyboard (pressing shift key or screen reader shortcuts)?
2.1.1 (t) All form fields can be accessed using a keyboard?
2.1.1 (u) All interactive elements within a pop-up or modal are accessible using a keyboard to navigate and the modal can be closed appropriately?
2.1.1 (v) Where content or actions are automatically completed they can be reversed when using a keyboard?
2.1.1 (w) Tables can be accessed when using either a keyboard or screen reader (screen reader shortcut is T)?
2.1.2 No Keyboard Trap (Level A)
2.1.2 (a) It is possible to navigate all interactive elements using a keyboard without focus being trapped and unable to move?
2.1.2 (b) Where forms fields require validation is there appropriate instructions to avoid a keyboard becoming trapped?
2.1.2 (c) When a social media feed or infinite scroll content is in use is there a way to easily navigate in and out of this content?
2.1.2 (d) At no point does navigation using a keyboard get stuck during authentication or use of a CAPTCHA?
2.1.2 (e) When navigating through a graph or infographic the keyboard navigation does not get stuck?
2.1.2 (f) When navigating buttons using a keyboard there are no traps or issues stopping a keyboard from navigating?
2.1.2 (g) Keyboard navigation does not get stuck when navigating through a video?
2.1.2 (h) When navigating through links on a page the keyboard does not become stuck or fail to move to other parts of the screen?
2.1.2 (i) When navigating a calendar or Map at no point does keyboard navigation get stuck, this can include infinite scroll functionality?
2.1.2 (j) When navigating into a menu the keyboard does not get stuck or impact the user journey?
2.1.2 (k) When navigating form fields using a keyboard the keyboard does not get stuck on any form element, including submit?
2.1.2 (l) When navigating into a pop-up or Modal box the keyboard navigation does not get stuck?
2.1.2 (m) Navigating a table does not cause any barriers where a keyboard is unable to progress or gets stuck?
2.2.1 Timing Adjustable (Level A)
2.2.1 (a) When a time limit is reached is a warning displayed that allows at least 20 seconds to extend time?
2.2.1 (b) Where a fixed time limit is in use that cannot be extended, adjusted or disabled is appropriate notice given?
2.2.1 (c) When a time limit is reached is a warning displayed that allows at least 20 seconds to extend time to maintain Authentication?
2.2.1 (d) Time limit notifications are read out by a screen reader to maintain authentication?
2.2.1 (e) If buttons need to be pressed within an allocated time limit can this be extended or removed, and is this information available to a screen reader?
2.2.1 (f) Is it possible to adjust the playback speed of a video and is this available to a screen reader?
2.2.1 (g) Where links are time-limited are there methods to either request extensions or request help that are identified also to a screen reader?
2.2.1 (h) When calendar invitations are sent is there a suitable way of amending content after sending an event invitation?
2.2.1 (i) Calendar invitations do not have 'auto accept' functionality that cannot be extended, adjusted or removed?
2.2.1 (j) Is text used within a time-sensitive activity clear and easy to read?
2.2.1 (k) Menu elements do not move or disappear at set times during use?
2.2.1 (l) Where a pop-up or modal is shown it allows adequate time for a person to navigate to the content and perform the intended action before closing?
2.2.1 (m) There is an option to extend the time needed to perform an action in a modal or pop-up e.g. extend login time?
2.2.1 (n) Automated or auto-updating content includes controls that allow for additional time to be added between updates (e.g. Social media feed)?
2.2.2 Pause, Stop, Hide (Level A)
2.2.2 (a) Where animated content is used (gif imagery) that automatically starts and lasts longer than 5 seconds can it be paused, stopped or hidden?
2.2.2 (b) Carousels that automatically start/update or scroll, can you stop or pause them?
2.2.2 (c) For any auto-updating information that starts automatically and is presented in parallel with other content can it be paused, stopped or hidden?
2.2.2 (d) If the graph or infographic has auto-playing/updating content are there controls in place to stop, pause or hide? (If no auto-updating content, mark as yes/pass)
2.2.2 (e) Where Pause, Start or Stop buttons are used do they work as expected and are positioned near the content they are to be used for?
2.2.2 (f) If an image is animated can the animation be paused, stopped or hidden?
2.2.2 (g) Images that are auto-playing/updating e.g. carousel. Are controls in place to stop, pause or hide? (If no auto-updating content, mark as yes/pass)
2.2.2 (h) Options are available to pause, stop or hide video that is being played?
2.2.2 (i) Videos that contain audio and play for longer than 5 seconds are not set to play automatically ('autoplay')?
2.2.2 (j) Calendar alerts have the ability to Pause, Stop or Hide auto-playing content such as a moving image or acceptance pop-ups?
2.2.2 (k) If live tracking updates are provided on a map, is there a way of pausing, stopping or hiding automatic updates?
2.2.2 (l) Are options to pause, stop or hide automatically updating content within a map or calendar available and highlighted to a screen reader?
2.2.2 (m) Is text used within controls or instructions easy to read (e.g. Stop, Pause or Hide text)?
2.2.2 (n) Auto-displaying or updating content such as a modal or pop-up box for a notification or alert can be hidden, stopped or paused?
2.2.2 (o) There are controls accessible to a screen reader that allow a person to pause, stop or hide auto-updating or auto-playing content?
2.2.2 (p) Auto-playing audio can be stopped, paused or hidden easily and is accessible when navigating using a keyboard?
2.3.1 Three Flashes or Below Threshold
2.3.1 (a) Videos do not contain any flashing or strobing content that flashes more than 3 times in any 1 second period?
2.3.1 (b) Where content may contain flashing imagery is a warning statement available?
2.3.1 (c) Is any imagery present that flashes more than 3 times in any 1 second period?
2.3.1 (d) Calendar invitations do not contain content that flashes more than 3 times in any 1 second period?
2.3.1 (e) No text on the screen flashes more than 3 times within a 1 second period?
2.3.1 (f) Auto-updating content does not flash more than 3 times within a second and has appropriate trigger warnings?
2.4.1 Bypass Blocks (Level A)
2.4.1 (a) Does a skip link/ bypass link appear when tabbing through the website or app?
2.4.1 (b) If a skip link is present does it appear before repetitive elements on the page such as a navigation menu?
2.4.1 (c) When a skip link is present does it work as expected and direct the user to the main content of the page?
2.4.1 (d) Does the skip link text read correctly to assistive technologies such as a screen reader?
2.4.1 (e) Where a calendar is displayed is there a way of bypassing this content using a skip link or bypass block?
2.4.1 (f) Can lengthy travel instructions included within a map be bypassed using a bypass block or skip link?
2.4.1 (g) Text used within a skip link/ bypass block is easy to read?
2.4.1 (h) A skip link or bypass block is available and working that allows a person to skip the menu items and move to main content?
2.4.1 (i) There is an option to navigate past auto-playing or auto-updating content such as a social media feed?
2.4.2 Page Titled (Level A)
2.4.2 (a) Is the page title present?
2.4.2 (b) Is the page title unique and does it describe the page correctly?
2.4.2 (c) Is a <title></title> tag present if a website that shows text within the main browser tab?
2.4.2 (d) If you have a dedicated page used for displaying maps or calendars, is the page clearly described?
2.4.2 (e) Pop-up boxes or Modal boxes each have a unique and descriptive page title that is announced to a screen reader?
2.4.3 Focus Order (Level A)
2.4.3 (a) Using a keyboard is the tabbing order logical and make sense?
2.4.3 (b) If page or content styling was removed would the content still retain its meaning?
2.4.3 (c) Where modal or pop-up boxes are in use are they given a meaningful focus or tab order?
2.4.3 (d) When tabbing or navigating form fields is the focus consistent and logical?
2.4.3 (e) Tabbing through authentication fields or CAPTCHA using a keyboard is logical and consistent?
2.4.3 (f) When navigating through a graph or infographic is there a logical focus order when using keyboard navigation?
2.4.3 (g) Videos containing information or must be viewed in order to understand the page context, is the correct focus order priority set?
2.4.3 (h) Tabbing through links of a page is logical and in an order that is consistent and easy to follow?
2.4.3 (i) When tabbing through events shown within a calendar is there a logical focus order?
2.4.3 (j) When providing directions and travel instructions accompanying a map is there a logical and consistent focus/tabbing order?
2.4.3 (k) Paragraph text does not receive keyboard focus when using tab key? Unless specifically required to do so.
2.4.3 (l) Headings and Titles are placed in logical positions within the content that can be navigated when using a screen reader in a logical order?
2.4.3 (m) There is a good logical focus order when navigating menu items using a keyboard?
2.4.3 (n) There is a good logical focus order when navigating fields and elements such as a search box using a keyboard?
2.4.3 (o) When a modal or pop-up box is presented there is a logical tabbing order through the content?
2.4.3 (p) When auto-updated content is added to the screen it does not interrupt the logical focus order of the content when using a keyboard?
2.4.3 (q) There is a logical tabbing order when navigating the content of a table, the table focus also appears at a logical point when navigating the page?
2.4.6 Headings and Labels (Level AA)
2.4.6 (a) Only a single H1 tagged heading is in use?
2.4.6 (b) Do all headings on the page have a heading tag assigned to them? (e.g. H1, H2, H3 & H4)
2.4.6 (c) Heading hierarchy is in sequence and does not unexpectedly jump between heading levels (e.g. H1 > H4 > H2 > H3)
2.4.6 (d) Are headings displayed correctly to assistive technologies such as a screen reader?
2.4.6 (e) Are headings clear, descriptive and unique?
2.4.6 (f) Are there appropriate and descriptive headings that identify the Graph or Infographic?
2.4.6 (g) When a video is embedded in a page are there appropriate headings that identify the video and are controls e.g. Play/Pause labeled accurately?
2.4.6 (h) Do maps that have been included have a clear, descriptive and unique heading identifying what the map is displaying?
2.4.6 (i) Are maps labeled correctly, including the use of aria labeling to define Zoom, Map legends, Pins and visibility?
2.4.6 (j) Where a calendar is displayed are important details about events accompanied by a suitable heading?
2.4.6 (k) Does the calendar have a unique and descriptive heading?
2.4.6 (l) Have calendar controls such as new, view, accept, decline, modify etc. been labeled correctly and identified to a screen reader?
2.4.6 (m) Text style used within headings is clear and easy to read and in keeping with the style of the design?
2.4.6 (n) All fields have a unique and clear label that identifies its purpose, required information and name?
2.4.6 (o) All menu items have a unique and clear label that identifies them as a link or where applicable a button?
2.4.6 (p) Pop-ups and Modal boxes have clearly defined headings that have an H1 heading and any other headings are labeled appropriately?
2.4.6 (q) If there are likely to be automated updates to the page, they have been identified clearly with a header and labeled appropriately?
2.4.6 (r) Tables have clearly defined Table Heading th and table data labels td and data row tr labels?
2.4.6 (s) There is a clear heading that identifies when a table is being used?
2.4.7 Focus Visible (Level AA)
2.4.7 (a) Does a focus visible indicator show when a link is navigated to using a keyboard?
2.4.7 (b) When using an authentication method or CAPTCHA is a focus visible indicator visible?
2.4.7 (c) When navigating form fields using a keyboard is a focus visible indicator visible?
2.4.7 (d) If a modal or pop-up box appears does the focus visible move to this object?
2.4.7 (e) When navigating away from a modal or pop-up box do you lose visibility of the focus indicator?
2.4.7 (f) Do all UI components (including menu) that require user interaction have a focus visible indicator when focused on by a keyboard?
2.4.7 (g) When navigating through a graph or infographic using a keyboard do all interactive elements such as filters and tooltips receive visible focus?
2.4.7 (h) When navigating through video do all the controls such as Play, Pause, and Volume buttons have a focus visible indicator when highlighted?
2.4.7 (i) If the video controls automatically hide when not used do they reappear when they receive focus?
2.4.7 (j) Links are highlighted with a clear focus visible indicator when navigating to and from them using a keyboard?
2.4.7 (k) There are no links that can be focused on that are not visible on screen e.g. when navigating away from a link on a pop-up?
2.4.7 (l) Do calendar details when highlighted using a keyboard show a focus visible indicator?
2.4.7 (m) When navigating through a map do elements that are highlighted show a focus visible indicator e.g. search field or map elements?
2.4.7 (n) If a modal or pop-up box appears are headings clearly announced and headings not in focus do not appear as focus visible?
2.4.7 (o) Does a focus visible indicator show when a button is navigated to using a keyboard?
2.4.7 (p) Content outside of a modal box or pop-up when being displayed is not focus visible unless the pop-up or modal box is closed?
2.4.7 (q) All interactive elements within a pop-up or modal receive visible focus when highlighted using a keyboard?
2.4.7 (r) When content is added automatically to a page, interactive elements have a focus visible indicator when navigated to using a keyboard?
2.4.7 (s) All table content can be focused upon when using a keyboard and receive a focus visible indicator?
3.3.1 Error Identification (Level A)
3.3.1 (a) Is a clear message identified if Authentication or CAPTCHA fields are left blank?
3.3.1 (b) If the incorrect information e.g. wrong password is input into a form field is clear guidance available?
3.3.1 (c) Do error messages relating to a form field identify where the error is on the page and give guidance on how to resolve?
3.3.1 (d) Where error messages are presented are they consistent with all other error messages on the page?
3.3.1 (e) Are all audio-based warning or error messages also read out correctly when using a screen reader?
3.3.1 (f) Where form fields are left empty are clear instructions provided, especially on mandatory fields?
3.3.1 (g) There are no error messages that are reliant on a person needing to identify parts of the screen using sight alone?
3.3.1 (h) If the incorrect information is input during authentication or when using a CAPTCHA is clear guidance available and available to a screen reader?
3.3.1 (i) Do error messages during authentication identify where the error is on the page and give guidance on how to resolve (including empty fields)?
3.3.1 (j) If an error message is identified when viewing/filtering a graph is it identified to a screen reader and easy to understand?
3.3.1 (k) If a video fails to play are error messages appropriately displayed with clear error identification, available to a screen reader or assistive technology?
3.3.1 (l) When a calendar fails to display is this highlighted both with a visible message which is also available to a screen reader?
3.3.1 (m) When there are errors inputting calendar details (e.g. blank field) does a clear error message identify the issue visibly and to a screen reader?
3.3.1 (n) Is the font styling and formatting of text clear and easy to read when in use within an error message?
3.3.1 (o) If a menu item that is not working as expected is selected is an error message shown and accessible to a screen reader?
3.3.1 (p) Where an action is not completed within a modal box or pop-up, is a clear error warning shown and visible to a screen reader?
3.3.1 (q) If a pop-up or modal box is being used to identify an error is it announced correctly by a screen reader?
3.3.1 (r) If auto-updating content fails to load correctly is a clear error message identified on screen and available to a screen reader?
3.3.1 (s) Where table data does not show as expected or has an error is the error message clearly highlighted and announced to a screen reader?
3.3.2 Labels or Instructions (Level A)
3.3.2 (a) Are all form fields labelled with unique labels?
3.3.2 (b) Instructions that relate to a form field where required are accompanied with instructions that are accessible visibly and to a screen reader?
3.3.2 (c) Fields have been labelled correctly e.g. Label 'first name', input type e.g. checkbox?
3.3.2 (d) Where instructions are provided they are located near to where they are referring to e.g. Input fields?
3.3.2 (e) Are menu items that refer to instructions clear, include a clear descriptive name and easily navigable using a keyboard?
3.3.2 (f) Are authentication fields or CAPTCHA fields uniquely labelled?
3.3.2 (g) Authentication instructions are available and read out correctly when using a screen reader?
3.3.2 (h) If an interactive chart is being used are there clear well-structured instructions in close proximity to the chart?
3.3.2 (i) Does the chart have clear, descriptive and uniquely labelled fields, buttons or drop-down boxes? (this includes search fields)
3.3.2 (j) Are instructions on how to enable closed captioning or access transcription available near where videos are present?
3.3.2 (k) Are all video interface labels correctly labelled such as play and pause buttons, controls, menus representing their purpose clearly?
3.3.2 (l) Are links labelled correctly and provide clear instruction as to what the link is intended to do?
3.3.2 (m) Are there clear instructions provided near the link that requires interaction as part of a process? e.g. Opens in new window
3.3.2 (n) Where instructions are provided such as directions on a map are they clear and provide enough information?
3.3.2 (o) If instructions are provided for an event in a calendar or invite are they clear and provide enough information?
3.3.2 (p) Is the font styling and formatting of text clear and easy to read when in use within a label or when providing instructions?
3.3.2 (q) Instructions that are shown on a page have a clear heading or title that identify them?
3.3.2 (r) Are there clear instructions provided to the user on how to close or complete an action when a pop-up or modal box is shown on screen?
3.3.2 (s) Where auto-updating content is displayed within a search field are clear instructions on search results visible and announced to a screen reader?
3.3.2 (t) Are auto-updating content elements clearly labelled highlighting the frequency of updates and what controls are available to control updates?
3.3.2 (u) Are there clear instructions available that provide guidance to your audience on how to disable auto-updating content?
3.3.2 (v) Are instructions that relate to how to use a table that is being displayed easy to locate, close to the table and accessible to a screen reader?
3.3.2 (w) Are appropriate labels used within the table?