Research from the NN Group on how people read online. Eye tracking patterns, how people scan content, recommendations. Overall, their findings haven't changed in 20+ years: it's critical to make online text easy to scan and divided into chunks with clear headings and hierarchy.
Rate My Site: Rate your site in seconds – get instant feedback.
AI-generated feedback on website design. Enter a URL and get a score and feedback on the visual design, layout and clarity, and content. The site provides recommendations for improvements as well. As with all things AI, the recommendations should be viewed with some skepticism, but I found it overall reasonably accurate for the few sites I tested.
Explanation of why to avoid using pure black for text for online reading (which applies to websites and elearning). This article talks about how to pick shades of dark gray that are both readable and align with the color scheme.
White with code #FFFFFF has more striking brightness compared to pure black with code #000000. The brightness polarity requires the eye to work harder to read pure black text on a white background.
Font colors for ui/ux design instead of pure black #000000
Pure black text or backgrounds can cause eye strain and decrease readability. For more usable designs, use an alternative to #000000 such as these options.
Web Design Standards vs. Website Best Practices: Our Review of 500 Sites [NEW RESEARCH] | Orbit Media Studios
Making your website similar to other websites makes it more usable and easier for users to understand. These standards apply to portfolios and freelancing websites too.
Add a feedback button to your website that lets users highlight areas with problems and make comments and suggestions. Screenshots and user browser info are automatically logged. I wonder if this could be used for collecting feedback on elearning, both during formal review cycles and to collect ongoing feedback after courses have launched.
Enter a URL and see how it looks in different widths. Simulates iPhones and Android devices in portrait and landscape. Could be useful for testing responsive projects.
ChartTool - create nice looking charts with Image Charts!
Google Image Chart Editor beta tool for creating charts. Start from a gallery, enter the data, and adjust the variables. Creates html code for the charts (not a link to an image--the code to create the chart.
Although this article doesn't give an answer to how much accessibility costs, it does list areas to consider when determining costs. It also provides tips on implementing accessibility effectively through iterative, agile design, focusing on high impact tasks first, rather than trying to do everything at once.
<p>Typically, you will find added costs in the following areas when it comes to integrating accessibility:</p>
<ul>
<li>Determining accessibility requirements for final deliverables</li>
<li>Developing internal style guides and best practices</li>
<li>Training staff</li>
<li>Finding new toolsets</li>
<li>Modifying existing codebases</li>
<li>Additional QA time & resources</li>
<li>Consultant Fees/ Salary for an internal Subject Matter Expert</li></ul>
Accessibility: How Many Disabled Web Users Are There? | Practical eCommerce
Some US stats on disabilities that affect web accessibility. Links to UN, UK, and Australian stats are also included.
The most commonly discussed disabilities affecting website accessibility are sight and hearing impairments. These specific impairments encompass 6.8 percent of the population age 15 years and older – and climb to encompass 21.3 percent of the population when you look specifically at the population over 65, according to the 2005 report. Eight-point-two percent of this same population is listed as having difficulty grasping objects– which affects the use of a mouse.
The WCAG 2.0 guidelines for contrasting colors mean that if color is the only indicator of difference, you need to have sufficient contrast. It's really hard to meet the requirements with color alone, but if you underline your links it's OK.
Because of the WCAG 2.0 contrast requirements, if you don’t underline your links, there’s not much flexibility if you want to be Level AA, let alone Level AAA conformant.
![Web Design Standards vs. Website Best Practices: Our Review of 500 Sites [NEW RESEARCH] | Orbit Media Studios](https://rdl.ink/render/https%3A%2F%2Fwww.orbitmedia.com%2Fwp-content%2Fuploads%2F2023%2F06%2Fdesign-2.jpg?width=350&height=&ar=16:9&mode=crop&format=avif&dpr=2)
