Tagarchief: Toegankelijkheid

Maak een schakelaar met CSS en HTML

Maak een schakelaar met CSS en HTML die er niet alleen als een schakelaar uitzien, maar die ook daadwerkelijk iets doet. Zo’n aan-uitschakelaar (toggle of switch) gebruik je bijvoorbeeld om je webformulier op te fruiten. Of je laat bezoekers van de website kiezen tussen een licht en een donker thema. Met een klein beetje JavaScript maak je een werkende themawisselaar van je schakelaar.

Het mooie is dat de basis van de schakelaar gewoon in je HTML-gereedschapskist zit: het element <input type="checkbox">. Het principe is dat je de in- en uitgeschakelde toestand van dit selectievakje gebruikt om de opmaak van de zelfgebouwde schakelaar te veranderen en om JavaScript-code te activeren. Het selectievakje zelf maak je onzichtbaar.

Het is een eenvoudig project en toch maak je kennis met een berg CSS-mogelijkheden. Op CodePen staat het resultaat en daarmee kun je vrijuit experimenteren.

See the Pen schakelaar by Peter Doolaard (@dool) on CodePen.dark

Lees verder Maak een schakelaar met CSS en HTML

Toegankelijkheid in macOS Sierra: niet alleen nuttig voor gehandicapten

Wanneer mensen mij vragen waarom ik het besturingssysteem van Apple prefereer boven dat van Microsoft, is het bepaald niet moeilijk dat te beargumenteren. Wie een Mac aanschaft krijgt hierbij  een zeer stabiel, veilig en betrouwbaar besturingssysteem bij geleverd, en krijgt daar ook nog eens een berg extra programma’s bij cadeau. Niet alleen praktische programma’s zoals Safari, Mail, Berichten, Kaarten, Contacten, Notities, Agenda, maar ook geavanceerde applicaties die het digitale leven veraangenamen zoals iTunes, Foto’s, Pages, Numbers en Keynote. Lees verder Toegankelijkheid in macOS Sierra: niet alleen nuttig voor gehandicapten