14 links
tagged with all of: web-development + accessibility
Click any tag below to further narrow down your results
Links
Scroll-driven animations can now be achieved using only CSS, allowing developers to create dynamic effects linked to user scrolling without relying on JavaScript. This guide explains the components of scroll-driven animations, including targets, keyframes, and timelines, and provides examples of implementing these animations effectively while considering accessibility.
The article discusses the concept of "best practices" in accessibility, emphasizing the importance of adhering to established standards like WCAG while recognizing that personal interpretations can differ. It advocates for using the HTML `<label>` element as the preferred method for ensuring accessible names for input fields, while also acknowledging scenarios where simpler solutions may suffice. Ultimately, it highlights the need for high standards in accessibility reviews and the significance of providing actionable recommendations for improvement.
The content of the article cannot be accessed without enabling JavaScript in the browser. Users are prompted to enable JavaScript to continue using Notion services. The article does not provide any additional information or insights without the necessary settings.
Joel Dare advocates for using pure HTML and CSS for web development in 2025, emphasizing simplicity, speed, and security. He argues that many modern frameworks over-engineer solutions, while pure HTML and CSS provide a lightweight and efficient alternative that is accessible and easy to deploy. Dare highlights the environmental and accessibility benefits of smaller page sizes and standard HTML practices.
The author discusses the development of an alt text button for images on their website, inspired by a feature on Mastodon. By using HTML and CSS, they created a button that reveals alt text associated with an image, enhancing user experience and accessibility. The article also outlines the code structure, design challenges, and potential improvements for the solution.
Accessibility in React applications is often misunderstood, with many developers questioning whether React itself is accessible. Instead, the focus should be on how developers implement accessibility practices, as common issues arise from misuse of semantic HTML, over-reliance on ARIA, and the structure of Single Page Applications. Strategies for improving accessibility in React include using semantic elements, managing focus, and choosing more accessible libraries.
The article provides an overview of the Form Inspector tool available in Polypane, which allows developers to inspect and debug forms on their websites effectively. It highlights features such as real-time updates, accessibility checks, and form validation to enhance user experience and streamline development processes.
The content appears to be inaccessible due to JavaScript not being enabled, preventing the document from being opened. Therefore, a detailed analysis or summary cannot be provided.
The article discusses the importance of accessibility in SVG (Scalable Vector Graphics) and provides guidelines for making SVG content accessible to all users. It highlights best practices, including the use of titles and descriptions, ensuring keyboard navigability, and providing alternative text for screen readers. By addressing these aspects, developers can enhance the user experience for individuals with disabilities.
The content is inaccessible due to the requirement of enabling JavaScript for Notion, which prevents further analysis of the article's main points and arguments. As a result, no summary can be provided.
Nearly 95% of homepages fail to meet web accessibility standards, significantly impacting users with disabilities. As the 14th Global Accessibility Awareness Day approaches, UX designers are encouraged to adopt an accessibility-first mindset and address common issues, such as low-contrast text and missing alt text, to create inclusive digital experiences.
Developing web applications for feature phones requires a unique approach due to their limited screen size and capabilities. Designers and developers must prioritize essential features and optimize user interfaces to ensure accessibility and usability on these devices. Emphasizing simplicity and efficiency can lead to impactful user experiences even on tiny screens.
Understanding how websites behave without JavaScript is crucial for accessibility and resilience. The article discusses potential failures of JavaScript, the importance of progressive enhancement, and strategies for informing users when JavaScript is essential for page functionality.
Figma Sites, a new web publishing tool, prioritizes speed and aesthetics over accessibility, leaving users to navigate critical features related to web content inclusivity on their own. Despite its potential, the tool lacks essential accessibility considerations, such as semantic HTML and adequate tagging, which undermines its usability for all users. The author expresses disappointment that Figma's focus on rapid production neglects the ethical responsibility of creating accessible web experiences.