Accessibility fixes #140
Description
When I access the website, I want all pages to be accessible so that I can use the website regardless of any hearing or sight impairment.
Acceptance Criteria
- All the pages meet the WCAG 2.2 level requirements
- All the pages are usable with text-to-speech extensions
- All the pages are usable with the keyboard
Tasks
- Review and fix accessibility issues on:
- Global Sections and Components
- Gray color contrast
- ScrollIndicator empty button
- Data 101 title and "go back to top" color contrast: changed from #54CA59 to #0E5D15. the least dark accepted
- Home
- Topics card color contrast
- Datasets
- Search missing form label
- Dataset description color contrast: Darken the color. from #7C7C7C to #545454
- Redundant alternative texts
- Nearby images has the same alternative text
- Developer experience theme changed to githubGist
- Dataset Detail Page
- Share Link empty
- Dataset info (created, updated, ...) color contrast: #787878 to #595959
- Share, cite, rate color contrast
- Dataset categories color contrast
- Resource download, rows and columns color contrast
- Images with same alt text
- Multiple h2
- Build Your Data.
- Data description color contrast
- Select Missing Labels
- Imgs with same alt text
- Possible Heading
- Organizations
- Orgs carousel text color
- Org name color contrast: #22B373 to #136541
- Org description color contrast
- Dataset description color contrast
- Topics
- Title and decscription color contrast
- Carousel - selected topic color contrast: comes from API_
- 101
- News
- Article summary and metadata color contrast
- Pagination empty buttons
- Applications
- Missing alternative text on images: comes from external source
- Geo data
- Missing alternative text on images: comes from external source
- Real time data
- Missing alternative text on images: comes from external source
- Request Data
- Missing form labels
- Global Sections and Components