ZoeBijl

/* Compose form
 * Why are the buttons inside? Why?
 */
.compose-form__highlightable {
    border: 0;
    background: 0;
}

.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input {

ZoeBijl

/* ==UserStyle==
@name           queer.garden
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Undo some of the gore that was added in the Mastodon 4.3.0 update
@author         @[email protected]
==/UserStyle== */

@-moz-document url-prefix("https://queer.garden/") { /* Change this to your server URL */
    body.theme-default {

ZoeBijl

/*

Instructions:
Place at instance.domain/admin/settings/appearance.

Changelog:
- V1:
-- initial release
- V1.1:
-- added support for the top bar button

ZoeBijl

function isHidden(element) {
    let { length } = element.getClientRects()
    let visibility = window.getComputedStyle(element).visibility === 'hidden'
    let ariaHidden = element.closest('[aria-hidden]') != null
    let inert = element.closest('[inert]') != null
    let hidden = length === 0 || visibility === true || ariaHidden === true || inert === true

    return hidden
}

ZoeBijl

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

ZoeBijl

• Intro, Job
• Job van Achterberg, A space adventure for everyone
• Frank Schaap, selling a11y
• Jake Abma, Menabling
• Wilco Fiers, Unit Testing & a11y
• Michiel Bijl, A picture is worth more than 140 characters
• Mallory van Achterberg, DictationBridge
• Eva Westerhoff, Conference a11y
• Hans Grimm, misschien??
• Outro, Michiel

ZoeBijl

javascript:(function(){var%20ua=navigator.userAgent.toLowerCase(),ie=ua.indexOf(%22msie%22)!=-1?ua.substr(ie+5,1):0,outlineProp=ie%3C8?%22border%22:%22outline%22,activeItem;function%20styleFocus(e){if(activeItem){activeItem.style[outlineProp]=%22%22;}activeItem=e.target||e.srcElement;if(activeItem){activeItem.style[outlineProp]=%22solid%202px%20red%22;}}if(document.addEventListener){document.addEventListener(%22focus%22,styleFocus,true);}else{document.attachEvent(%22onfocusin%22,styleFocus);}}());

ZoeBijl

A messy intro into VoiceOver - OS X's built-in screen reader

Browsers

• works best with Safari!

Getting Started

1. cmd+f5 to turn on
2. Remember the "VoiceOver Key" (VO) opt + control
3. To navigate into a page, VO + shift + down arrow
4. To navigate all page links, hit tab throughout

ZoeBijl

This text is in Dutch, it is meant as a topic start.

# Gathering of Tweakers: Freedom Crew

Het is donderdag avond, na een lange dag hard werken in het criminele circuit van Los Santos ben je toe aan wat rust. Je stapt de garage in om een mooie bolide uit te kiezen—wat al lastig genoeg is met zo'n uitgebreide selectie—want je hebt zin in een mooie rit langs de kust. Terwijl je onderweg bent krijg je van ene Lester—die zich om één of andere reden altijd jé oom noemt—een berichtje dat de FIB een waardevol pakket heeft gedropt bij jou in de buurt. Je belt snel een paar crewleden op en samen, met gevaar voor eigen leven, gaan jullie op de geheime locatie af. De FIB is tot aan de tand aan toe bewapend, maar jullie komen er vanaf met een paar schrammen en een zeer waardevol koffertje. Een succesvolle overvalling moet natuurlijk gevierd worden! Jullie stappen met z'n alle in een limo voor een potje golf bij Los Santos Golf Club.

Welkom bij de Gathering of Tweakers Freedom Crew, welkom in, Los Santos.

## Missie

ZoeBijl

Single Element Tooltip

This is a single element tooltip that is somewhat accessible. Tooltips are activated on hover, or when they receive focus. VoiceOver does announce the content on focus, but not on hover.

To make this even more accessible, we could use two element and a role-attribute of tooltip on the element that represents the tooltip. We can link to that element with aria-describedby. You can read more about role="tooltip" in the WAI-ARIA specification.

@heydon made an example with role="tooltip" available on his website.

A Pen by Michiel Bijl on CodePen.