Highlighted

Responsive HTML5 and accessibility

New Here ,
Mar 20, 2015

Copy link to clipboard

Copied

Using the WAVE accessiblity evaluation tool, it looks like the Responsive HTML5 layouts are missing alternative text. What files do I need to edit in these layouts to make them meet accessibility standards?

Topics

HTML5 layout

Views

237

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Responsive HTML5 and accessibility

New Here ,
Mar 20, 2015

Copy link to clipboard

Copied

Using the WAVE accessiblity evaluation tool, it looks like the Responsive HTML5 layouts are missing alternative text. What files do I need to edit in these layouts to make them meet accessibility standards?

Topics

HTML5 layout

Views

238

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Mar 23, 2015

Copy link to clipboard

Copied

You can add the alt attibute to images in the .slp pages of the layout (In Project Set-up pod.)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Sep 29, 2015

Copy link to clipboard

Copied

Hi Willam,

Can you exand on your response? The images that are of particular nuisance are the images in the table of contents, which appear to be generated by javascript. To these untrained eyes, it does not appear that alt text can be added via the slp files of the layout. It appears that either that a javascript file or xml file needs to be revised to include the alt text for the images. For reference, I am referring to the images in the layout labeled TOCTreeCloseBook, TOCTreeOpenBook, TOCTreeOpenBookSelected, etc. Any help you can provide is greatly appreciated. Thanks.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
LEGEND ,
Oct 04, 2015

Copy link to clipboard

Copied

There are several locations where you can add accessibility text, based on the content. For most images in RH11 Responsive HTML5 and Multiscreen HTML5, the images are inserted in the HTML of the layout, the .slp pages. You can open those and add your own accessibility text there. For the Table of Contents the images are set in the toctree.js and tocnode.js files where the HTML is being build. If you open the files in notepad and search for '<img', you will find where the HTML is generated and you add the ALT text there.

For RH 2015 Responsive HTML5, the images are all added as background images through the CSS so you won't need to specify an ALT text.

Does this help?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...