MyWeb (Drupal), Web Content Management System (WCMS) is an application for creating, storing, managing and publishing web page content. It allows web editors to create not only web content in WYSIWYG but also accessible content with its built-in accessibility features to comply with CSU Remediation WCAG 2.1 AA.
Built-in Accessible Features
Accessible Headings:
- Drupal provides accessible heading style (heading 1, Heading 2, Heading 3...) to create semantic structure for the web content. Do remember, put your Heading 1 in the field after Title at the top of page. The Heading 1 under Title is the default heading which users cannot change any format of this Heading 1, like color, font size, font style, etc.
- Do not create your own Heading 1 in the main content by choosing Heading 1 under Format because this will duplicate the heading 1 and leave the default Heading 1 blank.
- After Heading 1, select heading 2 to heading 6 to build up the semantic structure of web content. Web pages should be structured in a hierarchical manner (H1 to H6) without skipping the heading levels.
- Do not use text formatting, such as font size or bold to give the visual appearance of headings - use actual heading.
Here is an example of how headings should be structured in a continuous hierarchy. This is correct semantic structure:
- Heading 1 (used once, generally containing the page's title)
- Heading 2
- Heading 2
- Heading 3
- Heading 3
- Heading 4
- Heading 3
Alt Text for Non-Text elements:
- Upload Images to MyWeb.
- Under Alternative text, insert the brief description for the image.
- Put the alt texts for non-text elements such as image, picture, photo, etc
- Validate that the alt text does not contain the text: .jpg, .gif, .jpeg, .png
- Validate that the alt text does not use the text "image"
- Validate that the alt text is great than 6 and less than 81 characters in length
Accessible Table:
- Open the Table Properties.
- Under Headers, choose Both, or First Row or First Column from the drop down menu for data table.
- Under Caption, insert the name/caption of the table.
- Split large complex and complicated table into small simple tables.
- Do not use headings in the table.
Accessible IFrame:
- Open IFrame Properties.
- Under Advisory Title, insert a brief description of the iframe.
Meaningful link text:
- Incorrect text link: If you want to learn more information about CSU Bakersfield, please click here.
- Correct text link: Please find more information about CSU Bakersfield.
- Avoid using non-descriptive link texts, such as Click here, Read more, Learn more, etc.
Avoid using two or more links to different resources with the same text.
- Same text link must go to the same destination.
- Different text link must go to the different destination.
Avoid using any flashing, animation elements, etc.
- These elements are very difficult for people with visual impairment.
- These elements are also a barrier for people with mobility disability.
Multimedia (Video, Audio):
- Provide captions for the video on the web.
- Provide transcripts for the audio on the web.
Bulleted list and Numbered list:
- Use bulleted list or numbered list to list the items.
Limitation:
- Some elements may need extra aspx coding to be made accessible.
- Users need to request for form creation.