https://github.com/wfercanas/accessibility

[⚪ Very Easy]: Portfolio example with accessibility practices using WCAG.
https://github.com/wfercanas/accessibility

accessibility wcag

Last synced: 5 days ago
JSON representation

[⚪ Very Easy]: Portfolio example with accessibility practices using WCAG.

• Host: GitHub
• URL: https://github.com/wfercanas/accessibility
• Owner: wfercanas
• Created: 2021-11-25T01:46:46.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-30T16:10:55.000Z (about 3 years ago)
• Last Synced: 2024-12-24T23:24:49.940Z (about 2 months ago)
• Topics: accessibility, wcag
• Language: HTML
• Homepage:
• Size: 7.82 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Accessibility

### Difficulty: [⚪ Very Easy]

## Project URL

🚀 You can check the project in the following link: https://wfercanas.github.io/Accessibility/

## Project Description

In this project you will find a very basic portfolio website example, where some important concepts of accessibility are applied in order to enhance the experience of all users. The concepts are mainly based in WCAG and aims to comply with the basic recommendations in their AAA range.

## Technologies Used

HTML, CSS and JavaScript

## Key Concepts

The following are the most important concepts applied within the project:

1. 4 WCAG principles: perceptible, operable, comprehensible, robust.

2. Semantic HTML

3. ARIA (roles, properties and states)

4. Color contrast.

5. Descriptive icons

6. Skip links

7. Cohesion between focus and hover pseudoclasses.

8. Tabindex.

9. Connection between dinamic changes and screen readers.

## Acknowledgements

Thanks to [Juliana Gómez](https://twitter.com/gmzjuliana) for its course about Web Accessibility in [Platzi](https://twitter.com/platzi)💚.