<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Andreas Johansson om webben och det där digitala &#187; tillgänglighet</title>
	<atom:link href="http://cynatic.org/tag/tillganglighet/feed/" rel="self" type="application/rss+xml" />
	<link>http://cynatic.org</link>
	<description></description>
	<lastBuildDate>Thu, 09 Feb 2012 20:27:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Tillgänglighet via JavaScript</title>
		<link>http://cynatic.org/tillganglighet-via-javascript/</link>
		<comments>http://cynatic.org/tillganglighet-via-javascript/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 16:25:20 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[fallback]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tillgänglighet]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=1256</guid>
		<description><![CDATA[Har funderat på detta ett tag, hur fungerar Javascript för blinda eller för andra som använder olika hjälpmedel för att [...]]]></description>
			<content:encoded><![CDATA[<p>Har funderat på detta ett tag, hur fungerar Javascript för blinda eller för andra som använder olika hjälpmedel för att ta sig runt på internet.</p>
<img class="alignnone size-full wp-image-1257" title="Tillgänglighet via JavaScript" src="http://cynatic.org/wp-content/uploads/2009/11/1096880_63786041.jpg" alt="1096880 63786041 Tillgänglighet via JavaScript" width="470" height="208" />
<p>Att använda ramverk så som<a href="http://jquery.com"> jQuery</a> kan vara en lösning så att det finns en naturlig fallback på alla funktioner som konstrueras.</p>
<p><em>Ska klura lite på detta till helgen, men vad har ni lärt er, sett och läst? Finns det några bra och utförliga resonemang när det gäller ämnet JavaScript och tillgänglighet?</em></p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/tillganglighet-via-javascript/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/tillganglighet-via-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WWW-prefix ska inte spela någon roll</title>
		<link>http://cynatic.org/www-prefix-ska-inte-spela-nagon-roll/</link>
		<comments>http://cynatic.org/www-prefix-ska-inte-spela-nagon-roll/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 15:05:09 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[301-redirect]]></category>
		<category><![CDATA[dot net]]></category>
		<category><![CDATA[htaccess]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tillgänglighet]]></category>
		<category><![CDATA[webbadresser]]></category>
		<category><![CDATA[Webbdesign]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=940</guid>
		<description><![CDATA[Idag 2009 ska man väl inte behöva bry sig om www framför webbadressen? Om en webbplats vill använda www, kör [...]]]></description>
			<content:encoded><![CDATA[<p>Idag 2009 ska man väl inte behöva bry sig om www framför webbadressen? Om en webbplats vill använda www, kör på, men lös ändå ändå en 301-redirect ifall någon som skriver adressen utan www-prefixet.</p>
<p>Om jag skriver example.com och får fram ett fel så är det föga troligt att jag testar med www före. Det behövs nog inte påpekas hur många besökare och eventuella intäkter som kan gå förlorade på detta.</p>
<div id="attachment_941" class="wp-caption alignnone" style="width: 490px"><img class="size-full wp-image-941" title="WWW prefix ska inte spela någon roll" src="http://cynatic.org/wp-content/uploads/2009/10/utanochmedwww.png" alt="utanochmedwww WWW prefix ska inte spela någon roll" width="480" height="137" /><p class="wp-caption-text">Studentkåren Sundsvall är ett dåligt exempel</p></div>
<p>Att lösa problemet är inte svårt, om man kör med Apache och har mod_rewrite aktiverat så är det enbart lägga in ett par rader i sin .htaccess:</p>
<p>[sourcecode language="plain"]RewriteCond %{HTTP_HOST} ^example.com$<br />
RewriteRule (.*) http://www.example.com/$1 [R=301,L][/sourcecode]</p>
<p>ASP.NET användare kan kolla in <a href="http://msdn.microsoft.com/en-us/library/ms525844.aspx"><em>Response.Status</em></a> och <a href="http://msdn.microsoft.com/en-us/library/ms524327.aspx">Response.Addheader</a>, kör du PHP så fungerar <a href="http://se2.php.net/manual/en/function.header.php">header()</a> fin-fint för en redirection.</p>
<p>Enkelt, smidigt och klart mer tillgängligt.</p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/www-prefix-ska-inte-spela-nagon-roll/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/www-prefix-ska-inte-spela-nagon-roll/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Problematik kring val av språk på en webbplats</title>
		<link>http://cynatic.org/problematik-kring-val-av-sprak-pa-en-webbplats/</link>
		<comments>http://cynatic.org/problematik-kring-val-av-sprak-pa-en-webbplats/#comments</comments>
		<pubDate>Sun, 04 Oct 2009 12:17:35 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[språk]]></category>
		<category><![CDATA[tillgänglighet]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=908</guid>
		<description><![CDATA[Scenariot jag står inför idag är hur ett val av språk ska fungera på en sida som ska översättas på [...]]]></description>
			<content:encoded><![CDATA[<p>Scenariot jag står inför idag är hur ett val av språk ska fungera på en sida som ska översättas på flera olika språk. Problemet ligger inte i hur jag ska komma runt problemet med att lösa en funktion som ändrar språket på sidan, utan mer hur det ska visas så inga missuppfattningar uppstår.</p>
<div id="attachment_910" class="wp-caption aligncenter" style="width: 412px"><img class="size-full wp-image-910" title="Problematik kring val av språk på en webbplats" src="http://cynatic.org/wp-content/uploads/2009/10/forsakringskassan_sprak.jpg" alt="forsakringskassan sprak Problematik kring val av språk på en webbplats" width="402" height="290" /><p class="wp-caption-text">Språkval hos Försäkringskassan</p></div>
<p style="text-align: center;">
<p><a href="http://www.w3.org/TR/i18n-html-tech-lang/#ri20040808.173208643">W3.org skriver</a>: <em>Do not use flag icons to indicate languages.</em></p>
<p>Och jag håller med resonemanget, en flagga som indikator för ett språk är en otroligt dålig idé. Tänk på svenskan som ett dåligt exempel &#8211; svenska pratas i Sverige och vissa delar av Finland, ska då en från Finland välja en svensk flagga för att få språket på sitt egna språk? Samma problematik finns för Kanada, USA och Storbritannien, alla talar engelska med vissa små variationer, ska de behöva välja Storbritanniens eller Amerikanska flaggan? Eller är engelska så globalt att det går att visa som en ikon över jorden?</p>
<p>Förslaget som W3 skriver om att använda text för språk istället för en ikon är bättre, men ger upphov till viss mer problematik ändå. En besökare som kommer in på webbplatsen scannar av sidan snabbt och fokuseringen ligger främst på grafik och inte lika mycket på text till att börja med. Hur ska man utforma språk-funktionen så att den blir synlig, som ikoner, men fortfarande är funktionell?</p>
<p>Informationen jag funnit om detta är främst äldre, <a href="http://www.456bereastreet.com/archive/200604/indicating_language_choice_flags_text_both_neither/">2006</a> och <a href="http://www.cs.tut.fi/~jkorpela/flags.html">bakåt</a>, och det verkar inte har blivit så mycket mer nytänk över detta sen dess. FunkaNu har<a href="http://www.funkanu.se/Design-for-alla/Rekommendationer/Ikoner/"> sitt förslag med ikoner</a> &#8211; men de är både små och komplicerade, man kan inte förvänta sig att en besökare förstår skillnaden på EN och SV.</p>
<p>Vad de flesta av undersökningarna och tänkarna har missat är en <em>användares vana</em>. På nätet är vi idag relativt vana och bekväma med att välja en flagga. Vi förstår att den amerikanska och den brittiska flaggan representerar i stort samma språk, vi vet att svenska flaggan står för svenskt språk med mera. Med detta i fokus &#8211; är det verkligen så illa att välja en flagga istället för text i så fall?</p>
<p><em>Hur tänker du vid de här situationerna? Flagga eller flagga+text eller enbart text?</em></p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/problematik-kring-val-av-sprak-pa-en-webbplats/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/problematik-kring-val-av-sprak-pa-en-webbplats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Missbruk av kolumnfunktionen i CSS3</title>
		<link>http://cynatic.org/missbruk-av-kolumnfunktionen-i-css3/</link>
		<comments>http://cynatic.org/missbruk-av-kolumnfunktionen-i-css3/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 14:53:45 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Typografi]]></category>
		<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[kolumner]]></category>
		<category><![CDATA[tillgänglighet]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=826</guid>
		<description><![CDATA[Det snackas mer och mer om CSS3 och jag är en av de personerna som verkligen väntar på att det [...]]]></description>
			<content:encoded><![CDATA[<p>Det snackas mer och mer om CSS3 och jag är en av de personerna som verkligen väntar på att det ska gå att använda fullt ut. En tanke slog mig för ett tag sedan när jag skrev om <a href="http://cynatic.org/typografi-pa-webben-radlangd-och-blockstorlek">kolumn-bredd och radlängder</a>, CSS3 kommer få stöd för flerkolumn-layouts i texter.</p>
<p>Detta kan skapa lite problem om det inte används rätt, eller används utan eftertanke på långa texter. Att ha långa kolumner fungerar jättebra i böcker, tidningar och i annan tryckt media, webben har en helt annan förutsättning. Ögat kan inte scanna av sidan på samma sätt för att få en överblick &#8211; man måste helt enkelt skrolla ner sidan för att veta hur sidan är uppbyggd, hur mycket text som finns och för att hitta det man vill åt.</p>
<p>Tillåt mig att demonstrera ett exempel på en längre text uppdelad i två kolumner.</p>
<div id="attachment_837" class="wp-caption aligncenter" style="width: 410px"><img class="size-full wp-image-837 " title="Missbruk av kolumnfunktionen i CSS3" src="http://cynatic.org/wp-content/uploads/2009/08/css3-kolumner.jpg" alt="css3 kolumner Missbruk av kolumnfunktionen i CSS3" width="400" height="400" /><p class="wp-caption-text">Vänster: Långa kolumner nedåt. Höger: Korta kolumner nedåt.</p></div>
<p>Till vänster är en lång text. Funktionen blir att man läser ända ner till botten av texten för att sedan få scrolla upp igen och börja på andra kolumnen.</p>
<p>Min idé är att istället använder sig av ett fler-kolumnsystem som platsar på de flesta skärmar. Det vill säga &#8211; besökaren läser vänster sedan högerkolumnen innan man går nedåt på sidan. Givetvis får man separera de olika kolumnblocken med bilder, underrubriker eller liknande för att ge läsaren en chans att navigera genom texten.</p>
<p>Hur kolumnsystemen kommer påverka användbarheten och tillgängligheten på webbplatser återstår att se. Förhoppningen ligger i att det kommer användas på rätt sätt och inte skapa fler problem än funktionen löser.</p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/missbruk-av-kolumnfunktionen-i-css3/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/missbruk-av-kolumnfunktionen-i-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dålig webbplats? Jag väljer en konkurrent</title>
		<link>http://cynatic.org/dalig-webbplats-jag-valjer-en-konkurrent/</link>
		<comments>http://cynatic.org/dalig-webbplats-jag-valjer-en-konkurrent/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 21:00:23 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[marknadsföring]]></category>
		<category><![CDATA[tillgänglighet]]></category>
		<category><![CDATA[webbplatser]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=732</guid>
		<description><![CDATA[Nu när man börjar bli sig till åren och ålderstecken börjar visa sig (26 år nu snart, men man kan [...]]]></description>
			<content:encoded><![CDATA[<p>Nu när man börjar bli sig till åren och ålderstecken börjar visa sig (26 år nu snart, men man kan ju låtsas) så behövs det ibland en del hjälpmedel.</p>
<p>Jag har märkt det senaste året att jag blir otroligt trött och seg i huvudet av att sitta mer än 30 minuter framför datorn. Förr kunde man sitta ett dygn utan problem &#8211; enbart lusten att sova gjorde så att man, ofrivilligt, tog en paus. Med tanke på att jag blir så trött i ögonen så är den första naturliga tanken att kolla synen.</p>
<p>Jag har aldrig ägt ett par glasögon, jag har aldrig rört ett par knappt, jag har knappt ägt ett par solglasögon som vart hela mer än ett halvår. Jag är helt grön på området och alltså vill jag få lite mer information. Jag går igenom de större kedjornas hemsidor och stänger alla utom en direkt &#8211; nämligen <a href="http://synsam.se">Synsam</a>. Varför är Synsam.se bättre?</p>
<img class="aligncenter size-full wp-image-733" title="Dålig webbplats? Jag väljer en konkurrent" src="http://cynatic.org/wp-content/uploads/2009/07/synsam.png" alt="synsam Dålig webbplats? Jag väljer en konkurrent" width="500" height="139" />
<p>Synsam har,  till skillnad mot både <a href="http://lensway.se">Lensway</a> och <a href="http://synoptik.se">Synoptik</a>, en väl genomarbetad struktur och jag som besökare upplever att jag hittar det jag söker. Grafiken är enkel och ren och jag hittar nästan direkt vad som kan vara problemet för mig. Tidsbokningen var i och för sig ganska snårig &#8211; men de bygger om funktionen för tillfället står det.</p>
<p>Det mest lustiga med alla dessa tre webbplatser är att alla har minimal teckenstorlek, inga funktioner synliga för att öka teckenstorleken samt att Lensway har minimal kontrast (#ccc mot #fff). Är inte deras besökare folk som <strong>SER</strong> dåligt? Tycker de missat poängen lite med sin målgrupp.</p>
<p>Att knyta an till rubriken igen, detta är ytterligare en gång då jag väljer företag &#8211; inte utifrån deras produkter (eller tjänster rättare sagt) &#8211; utan efter hur de presenterar sig själva på webben.</p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/dalig-webbplats-jag-valjer-en-konkurrent/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/dalig-webbplats-jag-valjer-en-konkurrent/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

