-
Notifications
You must be signed in to change notification settings - Fork 1
Display inacessible informations of page
The intent of this resource is force the screen reader display informations of page that the browser and screen reader may be not display for user nativelly.
The most of browsers has support for keyboard shortcuts, using the acesskey
attribute, but the most of browser that has support for keyboard shortcuts not display by default the keyboard shorcuts for user.
The library create a list of keyboard shortcuts of page with the required modifier key of browser and the description of element, the location of this list can be defined by developer or if not defined will be the final of page. The final of page has chosen to not display the list of keyboarch shortcut to user for every resquest, because this can disrupt user navigation. To define the location of the list with keyboard shortcuts of page create a element with the id
attribute with container-shortcuts
value.
The most of screen readers not display by default the content of title
attribute of element, then the library force it to display.
A few weeks ago I spent some time using screenreaders like a blind person would. I used the most popular commercial screenreader JAWS and the most popular free alternative NVDA. It was an incredibly enlightening experience and I learned a lot (here’s a list of what I learned). One of the main things I noticed is that the title attribute isn’t read aloud, AT ALL.
Retrieved from Silktide
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-title- |
Yes | The content of title attribute. |
The library force the screen reader display for every data cell the content of the cell header.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-headers- |
Yes | The content of elements with it id attribute in headers attribute. |
The most of screen readers not change the speech language and the library can't force the screen reader to change the speech language, but the library try help the user to identify the language and to translate it.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-language- |
Yes | The content is the value of attribute that begin with language- and end with the value of lang attribute. |
The most of screen readers not warn the user when a link open a new window or tab, then the library force it to display.
The objective of this technique is to provide a warning before automatically opening a new window or tab. Opening new windows automatically when a link is activated can be disorienting for people who have difficulty perceiving visual content, and for some people with cognitive disabilities, if they are not warned in advance. Providing a warning allows the user to decide it they want to leave the current window, and the warning will help them find their way back, if they do decide they would like to go to the new window. It will help them understand that the "back" button will not work and that they have to return to the last window they had open, in order to find their previous location.
Retrieved from G201: Giving users advanced warning when opening a new window - Techniques for WCAG 2.0
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-target- |
No | The content is the value of configuration attribute. |
The library force the screen reader display when a link is to download a file.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-download- |
No | The content is the value of configuration attribute. |
The library force the screen reader display the URL address of the link.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-href- |
Yes | The content is the value of href attribute. |
The library force the screen reader display the role of element to user.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-role- |
Yes | The content is the value of attribute that begin with role- and end with the value of role attribute. |
The library force the screen reader display the WAI-ARIA state of element.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
aria-autocomplete- |
No | The content is the value of configuration attribute with the value of aria-autocomplete attribute. |
aria-busy-true- |
No | The content is the value of configuration attribute. |
aria-checked- |
No | The content is the value of configuration attribute with the value of aria-checked attribute. |
aria-dropeffect- |
No | The content is the value of configuration attribute with the value of aria-dropeffect attribute. |
aria-expanded- |
No | The content is the value of configuration attribute with the value of aria-expanded attribute. |
aria-grabbed- |
No | The content is the value of configuration attribute with the value of aria-grabbed attribute. |
aria-haspopup-true- |
No | The content is the value of configuration attribute. |
aria-invalid-true- |
No | The content is the value of configuration attribute. |
aria-level- |
Yes | The content of aria-level attribute. |
aria-orientation- |
No | The content is the value of configuration attribute with the value of aria-orientation attribute. |
aria-pressed- |
No | The content is the value of configuration attribute with the value of aria-pressed attribute. |
aria-selected- |
No | The content is the value of configuration attribute with the value of aria-selected attribute. |
aria-sort- |
No | The content is the value of configuration attribute with the value of aria-sort attribute. |
aria-required-true |
No | The content is the value of configuration attribute. |
aria-value-minimum- |
Yes | The content of aria-valuemin attribute. |
aria-value-maximum- |
Yes | The content of aria-valuemax attribute. |
The library force the screen reader display the drag-and-drop attributes of element.
Attributes begin with | Has prefixes and suffixes? | The content |
---|---|---|
attribute-draggable- |
No | The content is the value of configuration attribute. |
attribute-dropzone- |
No | The content is the value of configuration attribute with the value of dropzone attribute. |
aria-dropeffect- |
No | The content is the value of configuration attribute with the value of aria-dropeffect attribute. |
aria-grabbed- |
No | The content is the value of configuration attribute with the value of aria-grabbed attribute. |