Best of Accessibility — October 2023

1. 1
   Article

   UX Planet·3y

   Create your own Design system: Chapter Color tokens

   Color tokens are used in design systems to represent colors in a concise and manageable way. They help ensure consistency, reusability, and easy maintenance of colors in design systems. To set color tokens effectively, you need to define a color palette, assign meaningful names, organize variants, document the tokens, consider accessibility, test and gather feedback, implement version control, integrate with design tools, promote collaboration and communication, and regularly update and maintain the tokens.

   46
2. 2
   Article

   freeCodeCamp·3y

   How to Work with Images in HTML – A Beginner's Guide

   Learn how to work with images in HTML, including how to insert an image, the different image file formats, controlling image size, image alignment, creating image links, making images responsive, loading images from external sources, and ensuring image accessibility.

   41
3. 3
   Article

   Community Picks·3y

   Don't Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers

   Using fixed CSS height or width on buttons, links, or any other text containers can put you at risk of failing WCAG 2.2 Success Criterion 1.4.4 Resize Text. Fixed values can cause the text to get cut off when the text size is increased. Using alternative units like `rem` for font-size and `padding` instead of `width` or `max-width` can ensure that text remains resizable without loss of content or functionality.

   26
4. 4
   Article

   Visual Studio Code·3y

   Visual Studio Code September 2023

   The September 2023 release of Visual Studio Code includes many updates and improvements, such as screen reader support for pull request comments, a new 'similar commands' feature in the Command Palette, and accessibility improvements in the GitHub Pull Requests and Issues extension.

   24
5. 5
   Article

   freeCodeCamp·3y

   Forms in HTML – How to Build Basic Forms with HTML

   Learn how to build basic forms in HTML using the <form>, <input>, and <button> elements. Explore various input types such as text, password, radio buttons, checkboxes, and submit buttons. Understand the importance of accessibility in HTML forms and the use of semantic HTML, labeling, descriptive text, keyboard accessibility, error handling, ARIA roles and attributes, and fieldset and legend elements. Also, consider mobile responsiveness and how to create a complete form.

   16
6. 6
   Article

   Hacker Noon·3y

   Is PHP The Middle Child Of Web Development?

   PHP's evolution into modern versions, such as PHP 8, has made it more secure and scalable for enterprise-level applications. The key reasons for PHP's continued popularity include its user-friendly nature, accessibility, and early adoption by startups for rapid and cost-effective development.

   15

   1
7. 7
   Article

   asayer·2y

   Exploring the Impact of Color Psychology on User Experience

   Color psychology explores how colors can influence our feelings and actions in user experience (UX) web design. It shows the significant connection between color psychology and frontend development, enabling designers to create visually appealing and user-friendly interfaces. Understanding color psychology allows designers to generate specific emotions in users and balance colors for optimal user engagement. Additionally, designers prioritize color accessibility and inclusivity to ensure that everyone can use products and services. Harmonious color palettes are crucial in creating aesthetically pleasing and emotionally engaging designs.

   13
8. 8
   Article

   GitHub Blog·2y

   5 tips for making your GitHub profile page accessible

   Tips for making your GitHub profile page more accessible include making links descriptive, adding ALT text to images, using proper heading formatting, using plain language, and structuring lists with proper markup.

   12
9. 9
   Article

   GitHub Blog·3y

   Prompting GitHub Copilot Chat to become your personal AI assistant for accessibility

   GitHub Copilot Chat is a personal AI assistant for accessibility that can help you learn about accessibility and write code that conforms with WCAG 2.1 level A and AA success criteria.

   10

   1