1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
|
<?xml version="1.0" ?>
<!DOCTYPE article PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//EN"
"dtd/kdex.dtd" [
<!ENTITY % addindex "IGNORE">
<!ENTITY % Dutch "INCLUDE"> <!-- change language only here -->
]>
<article>
<articleinfo>
<authorgroup>
<author>&Lauri.Watts; &Lauri.Watts.mail;</author>
&Niels.Reedijk;&Sander.Koning;
</authorgroup>
<date>2003-10-12</date>
<releaseinfo>3.2</releaseinfo>
<keywordset>
<keyword>KDE</keyword>
<keyword>CSS</keyword>
<keyword>Stylesheets</keyword>
<keyword>Toegankelijkheid</keyword>
</keywordset>
</articleinfo>
<sect1 id="stylesheets">
<title>Stijlbladen</title>
<sect2>
<title>Inleiding</title>
<para><acronym>CSS</acronym>-stijlbladen beïnvloeden de manier waarop webpagina's worden getoond. <acronym>CSS</acronym> staat voor <emphasis>C</emphasis>ascading <emphasis>S</emphasis>tyle <emphasis>S</emphasis>heets.</para>
<para>&kde; kan van zijn eigen stijlblad gebruik maken, dat gebaseerd is op eenvoudige standaardwaarden en het kleurenschema dat u voor uw bureablad gebruikt. &kde; kan ook een door u geschreven stijlblad gebruiken. Tevens kunt u een stijlblad opgeven in deze module. De opties die in deze module worden gepresenteerd zijn aangepast voor toegankelijkheidsdoelen, specifiek voor mensen met een verminderd gezichtsvermogen.</para>
<para>Uw keuzes hier hebben effect in elke &kde;-toepassing die HTML met &kde;'s eigen weergavemodule,tdehtml, weergeeft. Dit omvat o.a. &kmail;, &khelpcenter; en natuurlijk &konqueror;. Uw keuzes hier hebben geen invloed op andere browsers zoals &Netscape;.</para>
<para>De module heeft 2 tabbladen, <guilabel>Algemeen</guilabel>, waar u het te gebruiken stijlblad kunt kiezen, en <guilabel>Aangepast</guilabel>, waar u een toegankelijkheids-stijlblad kunt ontwerpen.</para>
</sect2>
<sect2 id="css-general">
<title>Algemeen</title>
<para>Deze pagina bevat de volgende opties:</para>
<variablelist>
<varlistentry>
<term><guilabel>Standaard stijlblad gebruiken</guilabel></term>
<listitem>
<para>&kde; gebruikt het standaard stijlblad. Sommige kleuren zullen standaard op de kleur staan die u heeft aangegeven in uw gekozen kleurenschema. De meeste instellingen kunnen overschreden worden door de pagina die u bekijkt.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Gebruikergedefinieerd stijlblad gebruiken</guilabel></term>
<listitem>
<para>&kde; gebruikt een door u geschreven stijlblad. U kunt de knop "Bladeren" gebruiken om het stijlblad op te zoeken. <acronym>CSS</acronym>-bestanden hebben traditioneel een extensie <literal role="extension">.css</literal>, maar dit is niet vereist.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Toegankelijkheidsstijlblad onder tabblad "Aangepast" gebruiken</guilabel></term>
<listitem>
<para>Gebruik de instellingen zoals gedefinieerd op het tabblad <guilabel>Aangepast</guilabel>. Deze optie activeert de opties op het tabblad <guilabel>Aangepast</guilabel>.</para>
</listitem>
</varlistentry>
</variablelist>
</sect2>
<sect2 id="css-customize">
<title>Aanpassen</title>
<para>Hier kunt u een gebruikergedefinieerd stijlblad instellen. De beschikbare opties zijn maar een deel van de opties die u in een stijlblad kunt toepassen en ze zijn gericht op mensen met een verminderd gezichtsvermogen, om gebruikers een stijlblad te kunnen laten maken dat webpagina's en de &kde; helpbestanden leesbaarder maakt.</para>
<para>De opties op dit tabblad zijn gedeactiveerd totdat u <guilabel>Toegankelijkheidsstijlblad onder tabblad "Aangepast" gebruiken</guilabel> hebt geactiveerd op het vorige tabblad.</para>
<sect3>
<title><guilabel>Lettertypefamilie</guilabel></title>
<variablelist>
<varlistentry>
<term><guilabel>Basisfamilie</guilabel></term>
<listitem>
<para>Kies een lettertype om voor de hoofdtekst te gebruiken.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Dezelfde familie voor alle tekst gebruiken</guilabel></term>
<listitem>
<para>Als u dit activeert, wordt dezelfde lettertypefamilie gebruikt voor alle tekst, ongeacht de instellingen op de pagina die u bekijkt. Dit is handig voor pagina's die een decoratief of slecht leesbaar lettertype voor kopteksten gebruiken.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>
<sect3>
<title>Lettergrootte</title>
<variablelist>
<varlistentry>
<term><guilabel>Grootte van basislettertype</guilabel></term>
<listitem>
<para>Dit is de standaardgrootte voor tekst op een pagina. De meeste sites stellen hun lettertype relatief ten opzichte van deze standaard in door gebruik te maken van <quote>larger</quote> of <quote>+1</quote> om tekst groter te maken en <quote>smaller</quote> of <quote>-1</quote> om tekst kleiner te maken.</para>
<para>Veel mensen ontwerpen hun webpagina's op platforms waar de gewone standaard tekstgrootte te groot is voor de gemiddelde gebruiker, dus u kunt vaak webpagina's tegenkomen die de lettergrootte op deze manier kleiner hebben geforceerd.</para>
<para>Deze instelling geeft u de mogelijkheid om het standaard lettertype op een confortabele grootte in te stellen zodat de relatieve groottes genoeg vergroot worden om comfortabel te zijn.</para>
<para>Vergeet niet dat u &konqueror; ook een minimale grootte kunt laten forceren zodat tekst <emphasis>nooit</emphasis> te klein is om te lezen. U kunt dat instellen onder Webbrowsen in de sectie Webbrowser in &kcontrol;.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Dezelfde grootte gebruiken voor alle elementen</guilabel></term>
<listitem>
<para>Als u deze optie activeert dan zal alle tekst worden gerenderd met de door u opgegeven lettergrootte ongeacht de instructies op de webpagina. Relatieve lettergroottes zoals eerder besproken, en zelfs instructies om tekst op een specifieke grootte weer te geven, worden genegeerd.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>
<sect3>
<title>Kleuren</title>
<variablelist>
<varlistentry>
<term><guilabel>Zwart op wit</guilabel></term>
<listitem>
<para>Veel mensen met een verminderd gezichtsvermogen vinden zwarte tekst op een witte achtergrond het beste contrast geven en het makkelijkst te lezen. Als dit op u van toepassing is, kunt u dat hier instellen.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Wit op zwart</guilabel></term>
<listitem>
<para>Veel andere mensen met een verminderd gezichtsvermogen vinden het tegenovergestelde waar, dus dat witte tekst op een zwart scherm gemakkelijker te lezen is.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Aangepast</guilabel></term>
<listitem>
<para>Weer andere mensen vinden dat puur zwart en wit in welke volgorde dan ook moelijk is om te lezen. U kunt dan aangepaste kleuren definieren voor zowel de <guilabel>Achtergrond</guilabel> als de <guilabel>Voorgrond</guilabel>.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Dezelfde kleur voor alle tekst gebruiken</guilabel></term>
<listitem>
<para>Veel websites gebruiken een andere, vaak constrasterende kleur voor de koppen of andere tierelantijntjes. Als u hierdoor de inhoud moeilijk kunt lezen, kunt u dit keuzevakje inschakelen om &kde; voor alle tekst de kleuren te laten gebruiken die u boven heeft ingesteld.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>
<sect3>
<title>Afbeeldingen</title>
<variablelist>
<varlistentry>
<term><guilabel>Afbeeldingen onderdrukken</guilabel></term>
<listitem>
<para>Als u geen afbeeldingen wilt zien, kunt u dat hier uitzetten.</para></listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Achtergrondafbeeldingen onderdrukken</guilabel></term>
<listitem>
<para>Een groot probleem voor gebruikers met een verminderd gezichtsvermogen is dat achtergrondafbeeldingen niet genoeg contrast geven om de tekst te lezen. U kunt achtergrond afbeeldingen hier uitschakelen, onafhankelijk van uw keuze om alle normale afbeeldingen te zien.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>
<sect3>
<title>Voorbeeld</title>
<para>De knop <guibutton>Voorbeeld</guibutton> geeft u de mogelijkheid om het effect te zien van uw wijzigingen. Er verschijnt een venster dat u verschillende typen koptekst toont in uw stijlblad, en een zin in de standaard hoofdtekst.</para>
<para>Hiermee kunt u uw stijlblad fijnafstemmen totdat u iets hebt dat u comfortabel kunt lezen.</para>
<para>Veel surfplezier!</para>
</sect3>
</sect2>
</sect1>
</article>
|
