Josh W Comeau·4yThe Surprising Truth About Pixels and Accessibility
If you want to build the most-accessible product possible, you need to use both pixels and ems/rems. The most popular unit for anything size-related is the px unit, short for “pixel” The em unit is an interesting fellow, based on the element's calculated font size.
Hashnode·4yHow I got my 1st job as a developer by making simple projects seem big
Julia is a self-taught front-end developer in his thirties who switched career into tech after studying Japanese and musicology while working part-time at a casino. She created a simple calculator using JavaScript using HTML, SCSS, JavaScript, hosted on GitHub pages to run the app. She later updated the code and created some mixins to familiarize herself with it.
asayer·4yUnderstanding the useId hook in React
UseId hook generates a stable id that can be used across any application’s server and client side of any application. The useId hook was formerly known as the useOpaqueIdentifier hook, but there were many concerns when using it. We have looked at isomorphic applications and why using libraries like uuid or options like Math.random is bad.
Smashing Magazine·4yUX Checklists For Interface Designers — Smashing Magazine
Checklist is an open-source checklist to planning, building and growing a design system. It includes the foundation of things to keep in mind for design language, design tokens, core components, tooling and project management. Text-To-Timeline Tool Markdown is an incredible little tool to generate timelines, e.g.
freeCodeCamp·3yWeb Accessibility – Best Practices and a Checklist for Developers
The World Health Organization reports that about 15% of the world's population lives with some form of disability. This means that as developers, our focus on making websites and applications accessible helps more people use these resources. In this article, I'll point out barriers to web accessibility, discuss the Web Content Accessibility Guidelines (WCAG) and share a basic checklist that all developers can use.
DZone·4y5 Web Accessibility Myths
Many websites which exist today are not accessible. This causes people with disabilities, especially those who use assistive technologies, to not interact with the web effectively. We examine some myths which can stop companies and individuals from investing in proper web accessibility efforts. Join the DZone community and get the full member experience.
Community Picks·4yHow the 7 deadly sins 👿 will make you an Accessibility Expert! 😇
This article is a humorous take on Christianity, evil and the seven deadly sins. If you are deeply religious you may find some things offensive in this article. There is a link to a website that uses a lot of profanity at the end of the "Wrath" section. It is all safe for work, but just a heads up!
DZone·4y6 Easy Ways to Start Coding Accessibly
Accessible development is a series of small to moderate adjustments to your development and testing process that are all completely doable by developers of all experience levels. The single most powerful way you can improve accessibility in your application is to make sure you’re always using the correct semantic element for the job.
LogRocket·3yGetting started with the CSS Custom Highlight API
The CSS Custom Highlight API allows us to easily add style to a text range. As of this writing, this feature is still in Working Draft, so it is subject to change. This feature does not currently work on Firefox, so you shouldn’t use it for production right now if Firefox is necessary.
Google Developers·3yIntroducing Developer Journey: November 2022
Every month, we will spotlight developers around the world, the Google tools they leverage, and the kind of products they are building. We are kicking off #DevJourney in I’ve been building Android apps since 2011, when I was in graduate school studying for my Master’s Degree in Computer Engineering.
freeCodeCamp·3yHow to Improve Website Accessibility – 7 Helpful Tips
An accessible website is designed in such a way that anyone can use it without difficulty. If you keep a few things in mind during the web development process, you can improve the user experience for all users. Without them, screen readers would not know the purpose of an input field, which would provide a bad user experience to visually disabled users.
ITNEXT·4yAccessibility as a design pattern
Ismayil Khayredinov: Accessibility standards can improve our day-to-day experiences with building front-end interfaces. He argues that they can lead to healthier more readable code, cleaner tests, and better overall architecture of our applications. He says the cornerstone of accessibility is cross-device interoperability of user interfaces.
DEV·4yStop Removing Focus
Focus styles and indicators are bad for accessibility. Users with visual issues will not see where they are on a Web page when using the keyboard as a means of navigating. Visual indicators help people with executive dysfunction and other visual or processing related issues (light sensitivity, migraines, etc.)
Medium·4y2 Awesome Tools to Automate Client-side Performance Testing
Googles’ lighthouse is an open-source website quality assessment tool. It measures 5 quality factors: performance, accessibility, best practices, search engine optimization and Progressive Web App (PWA) Playwright is a web testing automation framework. It can be used to quickly cover multiple test realms with ease.
