Tilgjengelighet

Det har gått en liten stund siden forrige installasjon i sjekklisteprosjektet. Vi er nesten ved veis ende, og jeg runder idag av det formelle innholdet i lista med noen punkter om webanalyse, domenestruktur og digital synlighet.

Les hele Gode grensesnitt: Domener, webanalyse og digital synlighet.

Gjennom fire innlegg for to uker siden utformet jeg et forslag til krav til god grensesnittsimplementasjon i kategorien webstandarder. Et innlegg til hører med før vi går videre: idag handler det om tegnsett, RSS, nettleserstøtte og mer.

Les hele Gode grensesnitt: Siste punkter om webstandarder.

I enda en innsats i sjekklisteprosjektet, kommer her nok et innlegg under kategorien webstandarder. Idag er det JavaScript som står på menyen.

Les hele Gode grensesnitt: JavaScript.

Del 3 i mitt sjekkliste-prosjekt tar for seg tilgjengelighet.

Les hele Gode grensesnitt: Tilgjengelighet.

Del 2 i mitt sjekkliste-prosjekt tar for seg CSS: Hva er suksessfaktorene for CSS? Hvilke fallgruver finnes, hva bør med og hva bør ikke?

Les hele Gode grensesnitt: CSS.

Del 1 i mitt forsøk på å samle sammen en liste over suksessfaktorer for gode grensesnitt/nettsteder tar for seg (X)HML. Hva er de viktigste aspektene ved (X)HTML, og hvordan bør denne implementeres?

Les hele Gode grensesnitt: (X)HTML.

Hva utgjør god grensesnittsutvikling? Hvilke kriterier skal stilles til kvalitet? Følgende er forsøk på en liste over de viktigste faktorene når man implementerer grensesnitt i webbaserte tjenester. Listen setter fokus på tilgjengelighet, web-standarder, ytelse samt tilrettelegging for digital synlighet og webanalyse.

Les hele Sjekkliste for grensesnittsutvikling.

En simpel men effektiv (i det minste for mindre aktører) måte å begrense og kanskje stoppe kommentarspam på.

Les hele Hvordan jeg ble spamfri på 30min.

Ved siden av tabeller er skjemaer den byggeklossen som oftest er mest kompleks å bygge, og ikke minst å få bra. Dagens luke kikker på hvilke HTML-elementer du bør bruke, og gir noen forslag til struktur for skjemaene dine.

Les hele Semantiske skjemaer.

Jeg lovte under Scripting med tabeller at det skulle bli julekalenderens siste tabell-innlegg. Desverre begikk jeg en grov blemme i det innlegget som må rettes opp. Før du går videre - klikk deg inn på utgangspunktet og se om du spotter feilen!

Les hele Tabeller 'revisited'.

Forkortelser og akronymer forekommer ofte når vi skriver på web. Spesielt vi som jobber med web er særlig aktive på bruken av akronymer. Godt da å vite at HTML har verktøyene som trengs for å markere dem.

Les hele Semantiske forkortelser.

Årets julekalender åpnet med tips om språk i HTML, og spesifikt for lenker var hreflang. <a>-taggen har enda flere triks opp i ermet og to av dem (rev og rel) har tilogmed fått flere mikroformater basert på seg. Velkommen til dagens elementære og noe forsinkede luke!

Les hele Semantiske lenker.

Tabeller har fått et noe frynsete rykte etter å ha blitt misbrukt som layout-kontroll i årevis. Desverre har enkelte blitt så redde for tabeller at de unngår tabeller for enhver pris. Tabeller har absolutt sin plass i HTML enda, og passer perfekt til tabulær data. 14 timers reise og 9 timer tidsforskjell for ta støyten for at dette kommer noe seint.

Les hele Semantiske tabeller.

Definisjoner dukker opp mange steder på nettet, både i form av vitenskapelige definisjoner, online ordbøker og mer folkelige forklaringer av begreper. HTML har verktøyene som kreves for å lage definisjoner brukbare for maskiner også.

Les hele Semantiske definisjoner.

HTML-ens fantastiske semantikk står i sentrum i årets julekalender her på bloggen, og idag ser vi på hvordan kontaktinformasjon best kan kodes på en strukturert måte.

Les hele Semantisk kontaktinformasjon.

Når vi lager for eksempel brukerveiledninger for programvare er det interessant å gi brukeren tastekombinasjoner som utfører enkelte oppgaver. Dette kan vi gjøre på en semantisk måte slik at også de som ikke ser hele designet på siden vår får det med seg.

Les hele Semantiske tastetrykk.

Ofte er vi nødt til å endre på innhold etter at det er publisert. Endringer er helt naturlig, men ofte kan andre allerede ha sitert oss på noe, eller så mange kan ha lest det opprinnelige innholdet at det ikke gir mening å ta det bort eller rette det opp. Da er det godt HTML er ekspressivt nok til å formidle disse endringene på en strukturell måte.

Les hele Semantiske dokumentendringer.

Å markere innhold med riktig språk er noe mange (inkludert meg selv) får nesten riktig, men de aller færreste virkelig gjør bra. Samtidig er det essensiell informasjon når brukeren din ikke er et menneske som leser innholdet. Velkommen til cjohansen.nos julekalender-luke nummer 1!

Les hele Markér språk i HTML.

Det kan virke som at hver gang jeg nevner validering som noe positivt i mine skriblerier så er det noen som passer på å sette meg på plass og forteller meg hvor liten praktisk nytte validering har. Er validering helt ubrukelig? Har validering ingen verdi for besøkende?

Les hele Er validering verdiløst?.

Å lage tilgjengelige nettsteder er en øvelse i tenke utover seg selv. Vi må tenke oss situasjoner som ikke nødvendigvis er en del av vår hverdag: Hvordan navigere uten mus, hvordan få oversikt uten syn, hvordan finne fargekodet informasjon når du er fargeblind osv. Det er ikke alltid lett å ha alle tenkelige scenarier i hodet og derfor er det godt det finnes så mange nyttige verktøy som kan hjelpe oss.

Les hele Tilgjengelighetsverktøy.

På vei til Trondheim og NOKIOS denne uken tok jeg mobilen fatt og besøkte www.nokios.no for å finne adressen jeg skulle til. Til min store fortvilelse var menyen på nettstedet helt umulig å bruke både med telefonens innebygde nettleser og Opera Mini. Ikke god reklame med tanke på at konferansen handler om god bruk av IKT i det offentlige. Selv var jeg invitert for å snakke om tilgjengelighet.

Les hele Javascriptmenyer på mobil.

Semantisk HTML er et begrep alle som skriver HTML mot betaling bør mestre. Det er også et begrep alle som lager innhold på web, kanskje spesielt bloggere, bør merke seg. Hvis du bare skal lære deg bare litt HTML gir jeg deg her den lille biten du bør satse på.

Les hele Semantisk HTML.

"Rike grensesnitt" og AJAX har gjort Javascript mer populært enn noensinne, og stadig flere tar det i bruk. Javascript kan gi løsningen din det ekstra piffet, men det er viktig å ikke glemme tilgjengelighet og de som ikke har Javascript.

Les hele Ikke-påtrengende Javascript.

På Kuttisme.no skriver jeg idag litt om tilgjengelighet på nett - både frokost-seminaret jeg var på nå på mandag ( tilgjengelighet på web), og noen tanker jeg har rundt emnet. I forbindelse med det tenkte jeg her å komme med 5 enkle HTML-tips for å øke tilgjengeligheten på nettstedet ditt.

Les hele 5 HTML-tips for å øke tilgjengeligheten på nettstedet ditt.

I “XHTML er mer enn <div>” skrev jeg litt om de forskjellige rollene XHTML, CSS og Javascript har, og viktigheten av å skille rollene. Å skille rollene mellom disse tre er noe jeg er veldig opptatt av, og en av grunnene til at man bør skrive semantisk HTML. For å se litt på akkurat hvorfor semantisk HTML er så viktig i denne sammenhengen, la oss se på hvordan man går frem for å skille lagene fra hverandre.

Les hele Semantisk HTML - hvem bryr seg?.