I hereby claim:
To claim this, I am signing this object:
| // More about that approach: http://bigger-on-the-inside.net/articles/named-mediaquery-indicator | |
| /* For example in your project wide settings partial */ | |
| @mixin mqindicator($mqname) { | |
| @if $debug == true { | |
| body:before { | |
| position: fixed; | |
| top: 0; | |
| right: 0; |
| <!DOCTYPE html> | |
| <html lang="de"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>Title</title> | |
| <link href="css/screen.css" rel="stylesheet" media="screen" type="text/css" /> | |
| <link href="css/print.css" rel="stylesheet" media="print" type="text/css" /> | |
| <script type="text/javascript" src="js/jquery.js"></script> |
| <html> | |
| <head> | |
| <!-- ... --> | |
| </head> | |
| <body> | |
| <!-- ... --> | |
| <script> | |
| if ('serviceWorker' in navigator) { | |
| navigator.serviceWorker.register('/sw.js', { scope: '/test/' }).then( | |
| function (reg) { |
| <?php | |
| $user_id = $input->post->int('user_id'); | |
| $is_checked = $input->post->bool('is_checked'); | |
| $catalogue_id = $input->post->int('catalogue_id'); | |
| $permission_type = $input->post->text('permission'); |
| <transition name="bounce"> | |
| <div class="shopping-cart__item-count" :key="numberOfCartItems" v-show="numberOfCartItems"> | |
| {{ numberOfCartItems }} | |
| </div> | |
| </transition> |
| <template> | |
| <h2>Latest News</h2> | |
| <p>{{ news }}</p> | |
| </template> | |
| <script> | |
| export default { | |
| async setup(props, context) { | |
| const promise = new Promise((resolve) => { | |
| setTimeout(function () { |
As always, web accessibility specialist Adrian Roselli summed up the situation around the Authoring Practices on one tweet in a brief but tougue in cheek way Source:
There are issues because the patterns are often incomplete, untested, or make use of ARIA in a way that is trying to turn the web into Windows 95. APG patterns are experiments. That is it. Few are production ready, all require testing.
So if Authoring Patterns are about the pure use of ARIA, and some of them can be disputed, incomplete or only partially supported in assistive technology – what can you do about it?
There isn't a silver bullet. But here's my strategy, and in its core is research:
| if (document.referrer) { | |
| const referrerHostname = (new URL(document.referrer)).hostname; | |
| let main; | |
| if (location.hostname === referrerHostname) { | |
| main = document.querySelector('main'); | |
| if (!!main) { | |
| main.focus(); | |
| } |
