Search
Items tagged with: WebDesign
Hidde de Vries - Shifting left, or: making accessibility easier by doing it earlier
Hidde de Vries' talk from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/hidde-de-vries/YouTube
An Introduction to the Reduced Motion Media Query | CSS-Tricks
The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zoomingEric Bailey (CSS-Tricks)
Designing for Reduced Motion
It’s important to consider the reduced-motion experience during design and development.Craft CMS
Wise Design
Wise Design is the Wise design system. It helps our team create a distinct, accessible and consistent Wise experience that works for everyone, everywhere.wise.design
Accessibility for designers: where do I start?
stephaniewalter.design/blog/ac…
#UIDesign #WebDesign #a11y #design #uxDesign
Accessibility for designer: where do I start? by Stéphanie Walter - UX Researcher & Designer.
A big list of resources, articles, blog posts, and checklists to help you, designers, get started on your “building more accessible products” journey.Stéphanie Walter (Stéphanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.)
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @yatil, @foiworkshop, @aardrian, @lloydi, @dennisl, @zachleat, @cferdinandi, @hdv, @codepo8, @matuzo, @homer, et al.
Web Design References: Webdev Newsletter
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
Making the GOV.UK Frontend typography scale more accessible
We believe in working in the open. This blog is for designers across government to share their projects, ideas and concepts, or just to think out loud.designnotes.blog.gov.uk
9 Website Redesign Mistakes that Destroy SEO | 3.7 Designs
Not getting enough traffic, conversions, or other online digital results you’re expecting? A fresh new look can do wonders for your brand’s online presence, the user experience, and even SEO.Ross Johnson (3.7 Designs, LLC)
Disabling a link | scottohara.me
With HTML alone there is no way to disable a hyperlink (an element), and have it be both exposed as a “link” and as “disabled”. Now, setting ...www.scottohara.me
A beginner's guide to link and text accessibility - Pope Tech Blog
Learn how to create accessible links and text in your web content.Whitney Lewis (Pope Tech Blog)
Structuring Accessible Forms
Forms have a strong semantic structure from labeling controls to ensuring the states of controls are announced by assistive technology. We look at the basics...YouTube
A valuable peek into their principles, testing methods, prioritisation, etc. #a11y #strategy #prodmgmt #webdesign
Accessibility strategy – GOV.UK Design System
Outlines the current principles and work needed to improve the accessibility of the GOV.UK Design Systemdesign-system.service.gov.uk
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.Smashing Magazine
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @siblingpastry, hdv@front-end.social, @aardrian, @iheni, @dennisl, @WebAxe, @MerylEvans, @andy, @Kilian, @chriscoyier, @mgifford, @css__cafe@mastodon, @tink, @matthiasott, @matuzo, @Austingil, @cferdinandi, @gerrymcgovern, et al.
Web Design References: Webdev Newsletter
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
What’s the right font size in web design? - Pimp my Type
If you want your text to be read, set it at a sufficient size! But what is a good font size, and how can you apply it in your web or app design? This article and video has answerers for you with some practical examples focused on body text in respons…Oliver (Pimp my Type)
adrianroselli.com/2019/06/link… by @aardrian #webdev #webdesign #ixd #a11y
Link + Disclosure Widget Navigation
Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished.Adrian Roselli
Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences
Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences
Design thinking was supposed to fix the world. Where did it go wrong?
An approach that promised to democratize design may have done the opposite.Rebecca Ackermann (MIT Technology Review)
100 Days Of More Or Less Modern CSS
A blog post about modern CSS every day for 100 days.100 Days Of More Or Less Modern CSS
Line heights in CSS work better with ratios
Say you’ve got this CSS and you need to set a nice, compact line height: h1 { font-size: 40px; } You open up the designer’s static design and it says the line height should be 44px. Easy peas…Andy Bell
So You Think You’ve Built a Good Infinite Scroll
So you’re saying there’s a chance … that I’ll make it to the footer. TL;DR (added 12 December 2020): Can the user hit “back” and return to the exact same place? Is there paging for when the JavaScript breaks? Does the page have a footer? Can a keyboa…Adrian Roselli
The Guide To Responsive Design In 2023 and Beyond - Ahmad Shadeed
A modern look at responsive web design.Ahmad Shadeed Blog
interaction-design.org/literat… #UIDesign #WebDesign #UniversalDesign
Learn to Create Accessible Websites with the Principles of Universal Design
Accessibility can benefit your users and also improve the brand of your product. Learn how to plan for, and focus your efforts on, designing for accessibility.Ruby Zheng (Interaction Design Foundation)
Deceptive Design - Hall of Shame
We've collected about 400 examples in our hall of shame. The most commonly complained about companies are Google, Facebook, Amazon and LinkedIn.www.deceptive.design
xd.adobe.com/ideas/process/wir…
#webdesign #wireframes #uxd #ixd #uiDesign
The Many Benefits of Annotating Your Wireframes | Adobe XD Ideas
Learn how to take your wireframes one step further with annotations. We'll cover when & how to use them as well as how to prioritize what gets annotated.Ideas
Quick tip: Creating valid and accessible links - The A11Y Project
Links are used on almost every site on the web, however it is easy to create links that are not accessible to all.www.a11yproject.com
Creating A High-Contrast Design System With CSS Custom Properties — Smashing Magazine
Managing our colors can truly help people to access our content. In this article, Brecht de Ruyte takes a deep dive into how we can create a high-contrast system while maintaining a balance between designing something accessible and respecting the lo…Smashing Magazine
Test Your Product on a Crappy Laptop | CSS-Tricks
There is a huge and ever-widening gap between the devices we use to make the web and the devices most people use to consume it. It’s also no secretEric Bailey (CSS-Tricks)
prefers-reduced-motion: Taking a no-motion-first approach to animations
Animations should be an enhancement, not critical to a user's understandingTatiana Mac
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.Smashing Magazine