Accessibility Enhancement as per WCAG2.0 standards for 'Clock Signal and Triggering' page #452
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Enhancement: Rendered the content on the Clock Signal and Triggering page more accessible by making its content structure a11y compliant as per WCAG2 standards.
Ref #80 (removed plagiarism as part of revamp)
Changes done as per a11y guidelines:
Gave the page URL a more meaningful link:
The URL of a page conveys a lot of information and thus making the URL link for the page standardised in accordance to the page title is a better practise.
.../docs/clock.html
to.../docs/ClockSignalAndTriggering.html
Represented all numbers as digits:
It is easier for the reader to consume the sentence when numbers are represented as numbers and not spelt out.
Used consistent, simplified tone and grammatical structure:
Accessibility standards state that content should be written in a simplified manner. All similar content (such as information cited in a list, or similar examples) should have a consistent flow.
Replaced bulleted lists with numbered lists
Before:
After:
Removed unnecessary bold/italic highlights and used them only when emphasis was required.
eg. : Removed bold highlight on "logic high" as it does not need emphasis with reference to context
Added titles wherever necessary, broke down bug paragraphs into segmented sentences:
Before:
After:
Added alt. text, title and labels to all images + reference images being displayed within text context. Alt. texts and titles help when screen is being used in reader mode, or when the internet/browser is slow and HTML takes time to render the images (in this case the alt. text will be displayed on the screen)
Title + Alt. Text (on inspect element):
Label:
Removed Plagiarism
Before:
After:
NOTE: Only used the accessibility guidelines revelant to the content type on this page. Other accessibility guidelines can also be incoorporated based on content criteria like presence of tables, videos (transcipts), etc. All of these guidelines can be compiled into a single reference style guide as part of GSOD2020.
Preview Link(s): https://deploy-preview-452--tender-ardinghelli-ebb79f.netlify.app/docs/clocksignalandtriggering
✅️ By submitting this PR, I have verified the following