Skip to main content

Search

Items tagged with: WebDesign


Designing better target sizes 👉 https://ishadeed.com/article/target-size "An interactive guide that is all about enhancing the target size area with CSS" #css #webdesign #UIDesign #a11y


Pretty nice! Component library from The City of Calgary. https://summit.calgary.ca/components.html (Needs a dash of aria-current) #webdev #webdesign


One point I’m always at pains to make to my web design students is that accessibility isn’t an add-on to your design. You have to be as inclusive as possible from the outset.

Anyway, I thought this was a great article on designing for people with colour blindness:

https://www.smashingmagazine.com/2024/02/designing-for-colorblindness/?ref=web-design-weekly.com

#accessibility #webdesign


One thing the article omits is the fantastic accessibility in Firefox Developer Edition.

Perhaps these tools aren't well known — they're in the web inspector. It’s a great way to test your site.

#accessibility #webdesign #mozilla


CSS + Accessibility: Inclusion Through User Choice
https://noti.st/cariefisher/1gWjQz/css-accessibility-inclusion-through-user-choice
Presentation slides from WordPress Accessibility Day by Carie Fisher
#css #a11y #webdesign #webdev


YUP! Please, don’t force me to log in — “The current accelerating trend of requiring accounts and logins for everything has to stop”. https://hamatti.org/posts/please-dont-force-me-to-log-in/ #ux #webdesign #prodmgmt #productmgmt


Designing better target sizes https://ishadeed.com/article/target-size/ 👈 Excellent resource! #a11y #webdesign #uiDesign #design #accessibility


16 Lesser Known Accessibility Issues [and Tips]

https://toward.studio/latest/16-lesser-known-accessibility-issues

"12. Don’t hide labels. Ever."

#a11y #accessibility #webdev #webdesign #tips #UIDesign #forms


Let me say it louder for the people in the back… heading levels (h1, h2, h3…) in html are not about size, they are about structure. They communicate the organization of your page.

An h2-heading in one part of your page or site does not have to be the same size as an h2-heading in another part or your page or site. The purpose of the heading is to semantically communicate hierarchy.

In fact, deciding that all h2 headings must be the same size across your website will usually lead to poor decisions with regards to the underlying structure of your page.

So yes, the heading in your footer should likely be an h2 but it doesn’t have to be the same size as the h2 in an article. And no you shouldn’t make it an h4 ”because I want it smaller”!

This may be one of the most misunderstood elements of web design.

#WebDesign


How do folks feel about links not being underlined but instead being in inverted colors? (that is, if the page is a "light mode" black text on white background, links are white text on black background)?

#WebDev #WebDesign #Accessibility #WebAccessibility #A11y #HTML #CSS


Accessibility Tools and Resources for Designers https://www.digitala11y.com/accessibility-tools-and-resources-for-designers/ #webdesign #UIDesign #a11y


Text Spacing Editor — a Chrome extension for testing WCAG SC 1.4.12 - Text Spacing
https://chrome.google.com/webstore/detail/text-spacing-editor/amnelgbfbdlfjeaobejkfmjjnmeddaoj
#a11y #wcag #tools #text #css #accessibility #webdesign


Creating Accessible UI Animations https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations/ #UIDesign #a11y #animation #webdesign


Answers to common (web) accessibility questions 👉 https://hidde.blog/a11y-faq/ #a11y #accessibility #webdev #webdesign


"Everything about SEO is obnoxious"
https://chriscoyier.net/2023/11/08/everything-about-seo-is-obnoxious/ Yes! #webdev #webdevelopment #webdesign #SEO


@eric This is cool. But unfortunately, it's a great example of the extra work the industry does to make up for poor web design. ☹️ #webdesign #fail


Ensuring negative numbers are available for everyone. "The minus character (−) yields great support in most screen readers, and suffers less situational gotchas than the hyphen-minus character"

https://www.deque.com/blog/ensuring-negative-numbers-are-available-for-everyone/

Great article written by 2 of my favorite comrades.

#webdev #webdesign #a11y #html #tips #screenreaders


What makes an accessible date picker? Is it even possible? #ID24 2023 https://www.youtube.com/watch?v=D2Gy2WN4Iys with Russ Weakley #a11y #webdev #webdesign #accessibility


4 design principles I use every day to avoid bad UX and create products that work for everyone (by Adam Silver)

https://adamsilver.io/blog/4-design-principles-i-use-every-day-to-avoid-bad-ux-and-create-products-that-work-for-everyone/

Principle 1: Good design works for everyone

Principle 2: Good design makes things obvious

Principle 3: Good design puts users in control

Principle 4: Good design is lightweight

#UXDesign #UIDesign #webdesign


Modern Health, frameworks, performance, and harm

https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/

"Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life."

#webdev #webperf #ux #usability #a11y #uxd #webdesign


Avoiding Dark Patterns in Web Design https://frontendmasters.com/blog/dark-patterns/ #DarkPatterns #WebDesign


Access & Use — very nice website on how to make dynamic elements in websites accessible and usable for all. https://accessuse.eu/en/ #webdesign #webdev #a11y