Accessibility on gid.london main website
This statement applies to content published on the main GID London www.gid.london/
We want as many people as possible to be able to use this website. For example, that means you should be able to:
❏ Navigate most of the website using just a keyboard
❏ Listen to most of the website using a screen reader (including JAWS, NVDA and VoiceOver).
❏ Resize to the size of your window, and display a readable text size whichever device you are using
❏ Zoom in up to 300% without the text spilling off the screenWe’ve also made the website text as simple as possible to understand.
AbilityNet has advice on making your device easier to use if you have a disability.
How accessible the website is
We know some parts of this website are not fully accessible:
❏ Heading tags are present with no content.
❏ Page are present with an incorrect or illogical heading structure.
❏ Form fields are present that do not have a descriptive label.
❏ There are link tags that do not contain descriptive link text, or any text at all.
❏ There are images that have a missing text alternative, or provide a text alternative that does not fully describe the content.
❏ There is text that uses unconventional ways to space out letters causing a screen reader stutter.
❏ There are areas of the website that can only be accessed by mouse users.
❏ There are frames used to display external content. These frames do not have a descriptive title.
❏ Video content is used that does not provide alternative formats for visual and audible content.
❏ Some pages are not coded in line with HTML standard.
❏ Some content is presented with insufficient colour contrast.
What we do about known issues
We work to achieve and maintain WCAG 2.1 AA standards, but it is not always possible for all our content to be accessible.
Technical information about this website’s accessibility
This website is not compliant with the Web Content Accessibility Guidelines version 2.1 AA standard. The non-accessible sections are listed below.
Non accessible content
The content listed below is non-accessible for the following reasons.
Non-compliance with the accessibility regulations
There were empty headings on several of the pages tested throughout the website and there are multiple pages on the website that contain an illogical heading structure. Screen reader and other assistive technology users have the ability to navigate web pages by structure. This means that the user can read or jump directly to top level elements (<h1>), next level elements (<h2>), third level elements (<h3>), and so on. Viewing or listening to this outline should give them a good idea of the contents and structure of the page.
There are several form fields that have a label that doesn’t fully describe the purpose.
There are numerous form fields that do not have an associating label tag, making it difficult for certain users to understand the purpose of a field. Providing a descriptive form field label will allow users to know what information to enter in a form field. Where a series of form fields relate to similar information, the context of the form fields needs to be included in the field description.
On several pages there are up to 13 “…read more” links. They give no other context as to what the link is for. The text of a link should describe the destination of the link and the link’s purpose. Providing a descriptive link text will allow users to easily determine the function of the link and make educated decisions to click the link or not. If it is not possible to identify the purpose of the link from the link text itself, then this information should be provided in context.
There are a number of instances where images are missing alternative text. Furthermore, There were a number of instances where images had non-descriptive alt text. alt text should not be an image file name. All images must contain a valid alternative text to allow screen readers to hear the description of the image. If an item is used for decoration, a null alt attribute should be included (alt=””), to hide the items from Screen Reading software. It will cause less confusion, while making the website more usable and accessible as a result.
Screen readers are used to translate text into synthetic speech. Each language has its own complex set of rules, and screen readers do their best to follow those syntaxes.
On the ‘e-wha-lim’ page, ‘L a R e l i g i e u s e’ will be announced as L[PAUSE]a[PAUSE]R[PAUSE]e[PAUSE]l[PAUSE]i[PAUSE]g[PAUSE]i[PAUSE]e[PAUSE]u[PAUSE]s[PAUSE]e.
The current menu system is using some sort of CSS feature that only work when a mouse pointer hovers over the menu items. Keyboard users who do not have access to a mouse hover feature will not be able to use the menu across the whole site. Websites must accommodate all types of input methods with all areas being accessible to users using any of these types of input.
There are frames present on the site that does not contain a descriptive title. When a screen reader user hears a list of frames, the user needs to know the purpose of each one. When frame titles are not present, screen readers look for other sources of information, such as the frame’s name attribute or file name. Sometimes these other sources of information are not very helpful at all. If a frame is given a name or filename of “default.htm” (or something equally non-descriptive), there is really no way to know what each frame contains, other than by having the screen reader read through the content.
The website contained embedded videos on a number of pages. To enable users who have hearing impairments understand content in videos, they must have a text alternative. Transcripts or subtitles can be used to convey the information within the video to hearing impaired users. There are a number of videos on the website that failed to provide a text alternative to allow deaf or hard of hearing users to access the content.
Some pages have markup errors and parsing errors that may impact on assistive technologies and may cause screen readers to miss content. Markup errors like missing end tags mean screen readers may skip important content.
The combination of text and background colour should be set to create an easy to read website. Using colours that are similar for the background and foreground can cause blocks of text to become difficult to read. Alternative stylesheets can be used to change the appearance of the page and provide an alternative with a stronger contrast. If the text size is at least18 point if not bold and 14 point if bold, the minimum colour contrast ratio should be at least 3:1, if the text is less than 18 point if not bold and less than 14 point if bold, the minimum colour contrast ratio should be at least 4.5:1. Throughout the site there are combinations of colours that fall below the minimum contrast levels that make the text difficult to read.