background preloader

Color Contrast Checker

Color Contrast Checker
You are here: Home > Resources > Color Contrast Checker Contrast Ratio: 8.59:1 Normal Text WCAG AA: Pass WCAG AAA: Pass Sample: I am normal text Large Text WCAG AA: Pass WCAG AAA: Pass Sample: I am large text Explanation Simply select or enter a foreground and background color in RGB hexadecimal format (e.g., #fd3 or #f7da39). WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text. You can append ?

http://webaim.org/resources/contrastchecker/

Related:  INCLUSIONE CON LE TECNOLOGIEOc IIweb programmingADA ToolsSEO - Website Design

DrupalCon Prague 2013 Videos Upload Tim Kamanin Loading... An Introduction to Mobile-First Media Queries There is no denying the influence of responsive approaches in our design and implementation efforts. What was once new and unknown is now the assumed standard. When I started down the path of understanding the impact of responsive web design, I had an easy time finding out how to do something with media queries, but I had a harder time finding out why I should do it a certain way. This article is an attempt to remedy this situation. My intent is that it will serve as a helpful introduction for those of you attempting to understand the massive implications of the mobile-first approach and for those more experienced with the approach it can serve as a good refresher. I will focus on the details of writing mobile-first media queries, and this will also include why we should do this and close with guidance for starting out.

Website accessibility testing: automated testing vs. human evaluation A research paper that investigates the use of evaluation tools has shown the importance of using a mixture of testing methodologies in order to accurately assess the accessibility of a website. Such methods include the use of automated testing, manual expert evaluation and user testing. Access iQ™ spoke to co-author of the research paper and director of Web Key IT, Vivienne Conway, about the research findings. Access iQ™: In your research paper Benchmarking Web Accessibility Evaluation Tools: Measuring the Harm of Sole Reliance on Automated Tests, you explain the ‘harm’ of bypassing human evaluation in favour of evaluation tools, in order to assess the accessibility of a website.

5 UX Design Trends You Should Be Aware of in 2016 - Mockplus A good UX design is essential to increasing the effectiveness of the emotion, intuition and delight a visitor feels when navigating a website. Statistics on UX design reveal: * Only 55 percent of companies conduct any online UX testing. (source) Stupid Git Tricks A list of stupid Git tricks so I don't have to keep remembering them. Oops, I messed up. This will remove anything staged but not committed: git reset --hard

2016 JavaScript Rising Stars This Front-end Frameworks category is maybe the one that is responsible for what was called the JavaScript fatigue in 2016. It seemed that every month a new contender made the buzz, pushing the pace of innovation! To be exact, 2 kinds of projects are mixed in the category: Full frameworks that include all features to create a modern web application (routing, data fetching, state management). AngularJS, Angular 2, Ember or Aurelia are in this category.Lighter solutions that focus on the UI layer, like React, Vue.JS, Inferno... We have already mentioned Vue.JS (number 1 overall), let's see the other contenders.

The importance of manual testing alongside automated accessibility tools – Media Access Australia There are many free and paid automated tools available to help you identify accessibility issues in your websites, apps and digital channels. Automatic accessibility checking tools are useful to broadly identify problems and start developing a plan to fix them, and engaging human experts throughout this process is important to achieve the best result. Here’s our reasons why manual testing by accessibility professionals alongside automatic tools is necessary to ensure your digital products are as accessible as possible. 1. ScottGu's Blog - URL Routing with ASP.NET 4 Web Forms (VS 2010 and .NET 4.0 Series) [In addition to blogging, I have recently been using Twitter to-do quick posts and share links. You can follow me on Twitter at: www.twitter.com/scottgu (@scottgu is my twitter name)] This is the eighth in a series of blog posts I’m doing on the upcoming VS 2010 and .NET 4 release. Today’s post covers a cool new runtime feature in ASP.NET 4 – which is the ability to use URL routing with Web Forms based pages.

Converting Photoshop Files to Code With Project Parfait Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on. Opening up a PSD in Project Parfait is super easy. Just go to and click the big blue Upload Your Own PSD button in the top right corner:

Media types 7.1 Introduction to media types One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device, etc. Certain CSS properties are only designed for certain media (e.g., the 'page-break-before' property only applies to paged media). My Post-CSUN Comparison of Web Accessibility Checkers Two weeks have now passed since the 2016 CSUN Conference, and I'm still inspired by many of the bright ideas that were generated from sessions, conversations, tweets, etc. and considering how to apply them. I gave two sessions at CSUN, What's New With Able Player? and Web Accessibility 101 with Accessible University 3.0.

What’s Changed in the Art of SEO 3rd Edition? Did a search on the title and couldn’t find any good result in Google, so I did the research myself and am publishing it here. This is a book that I’ve read all editions of, and have my teams read editions of so that all team members at least have the same base knowledge of SEO. Unfortunately a lot of the tactical advice and screenshots become obsolete pretty quickly, but that’s why this third edition is so useful. Beyond updated screenshots and walkthroughs, what can you expect to see in the book that’s different from previous editions? Do you really need to buy this updated version, or is an old second or first edition basically the same?

Media Queries Abstract HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types. For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. ‘screen’ and ‘print’ are two media types that have been defined. Media queries extend the functionality of media types by allowing more precise labeling of style sheets. A media query consists of a media type and zero or more expressions that check for the conditions of particular media features.

Related:  UI