» Accessibility Bug - пожалейте близоруких!

Svarga
Цитата:

А если здесь сделать шрифт крупнее-- не подумал ли ты, сколько людей будет плеваться и просить сделать как было?

Речь идет не о том, чтобы для всех увеличить размер шрифта, а о том, чтобы это смогли сделать те, кому захочется.

Подтверждаю, что в Опере масштаб страницы меняется без проблем. С другой стороны, не везде можно устанавливать свое ПО. А уж поддерживать Netscape сейчас мало кого заставишь, Оперу-то не все учитывают.

PaulGor
IMHO лучше всего было бы определить, какие изменения требуется внести в css и шаблон страниц форума и отправить их администрации на support@ru-board.com. Если они просты и не затрагивают представления станиц у других пользователей, проблем с их применением возникнуть не должно.

QuickeneR

Цитата:

IMHO лучше всего было бы определить, какие изменения требуется внести в css и шаблон страниц форума и отправить их администрации на support@ru-board.com

Сделайте а мы с Батвой посмотрим и подумаем.

QuickeneR

Цитата:

IMHO лучше всего было бы определить, какие изменения требуется внести в css и шаблон страниц форума и отправить их администрации на support@ru-board.com. Если они просты и не затрагивают представления станиц у других пользователей, проблем с их применением возникнуть не должно.

К сожалению, я не знаю CSS - но часть подготовительной работы
проделал - нашел соответствующие примеры CSS -
как вместо абсолютного значения задать относительное, чтобы каждый читатель мог по своему желанию менять размер шрифта
через опцию его браузера - View/Text Size в IE.

Эти ссылки (на примеры CSS) я привёл в начале данной дискуссии -
в первых сообщениях.

Кроме того, я уверен, что ссылки, которые дал спрашивающему Y.Korpela
(ссылка на дискуссию в моем предыдущем сообщении) -
на статьи, специально написанные на эту тему, и будут содержать
примеры CSS.

Вот что получилось у меня: новый board.css Пример странички с ним
Disclaimer: Кому не нравится, может сделать лучше.

Сервер выдает 404 на http://thefilez.by.ru/Accessibility-Bug.htm

Цитата:

QuickeneR

попробуй открыть свою ссылку в Mozill'е...
размер букв впечатляет.

нормальными остался только тот текст, для которого размер указан в пикселах.

Размер букв - это, конечно, глюк. Поправил.
А 404 не знаю почему. У меня открывается OK.
Вторая версия: css Пример

QuickeneR
Теперь я попал на страницу - правда, через 2 сек. она ушла
на by.ru - 404. Так следующий раз я вовремя на Stop нажал, чтобы
не успела на 404 уйти.

Посмотрел на такой дизайн форума - что я могу сказать?
Превосходно!

Я могу сам менять размер шрифта через
View/Text Size в ИЕ и через View/Increase Font в Netscape -
что и требовалось по современным понятиям об accessibility и usability.

QuickeneR
сейчас нормально, вроде.

попробуй только еще чтоб не повторять постоянно в каждом классе FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif вместо body {font-family: Verdana, Arial, Helvetica, sans-serif} попробуй вписАть такое:

body,bloquote,а... и тд {FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif}
т.е. просто перечислить все тэги, а дальше повторения исключить-- немного уменьшится файл.

дальше: если есть у нас класс .md2, который емеет один стиль во все селекторах (hover, link, visited, active)-- почему бы просто не прописать все селекторы через запятую:
.md2,.md2:hover,.md2:visited,.md2:active,.md2:link{COLOR:#000000;FONT-SIZE: 10pt;TEXT-DECORATION:none}

кстати, ежели одобрят такой стиль-- неплохо бы все пробелы убрать в css'е-- все ж хоть на какой-то килобай трафика меньше людям будет.

вообщем, вот примерно то, что я имею ввиду:

Код: body,table,td,a,textarea,input,option,select,font{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif}
blockquote{FONT-SIZE:85%}
.s{font-size:77%}
li{font-size:90%}
.big{font-size:100%}
.small{font-size:77%}
.dats{COLOR:#333333;font-size:8pt}
.m{COLOR:#333333;font-size:8pt;TEXT-DECORATION:none}
.m:hover{COLOR:#333333;font-size:8pt;TEXT-DECORATION:none}
.m:visited{COLOR:#333333;font-size:8pt;TEXT-DECORATION:none}
.m:active{COLOR:#333333;font-size:8pt;TEXT-DECORATION:none}
.m:link{COLOR:#333333;font-size:8pt;TEXT-DECORATION:none}
.tit{COLOR:#333333;font-size:10pt}
.onl{COLOR:#333333;font-size:8pt}
.helm{COLOR:#333333;font-size:77%}
.lgf{COLOR:#333333;font-size:70%}
SELECT{COLOR:#000000;font-size:8pt}
OPTION{COLOR:#000000;font-size:8pt}
TEXTAREA{COLOR:#000000;font-size:8pt}
INPUT{COLOR:#000000;font-size:8pt}
A:link{COLOR:#0000c0;TEXT-DECORATION:none}
A:visited{COLOR:#0000c0;TEXT-DECORATION:none}
A:active{COLOR:#0000c0;TEXT-DECORATION:none}
A:hover{COLOR:#ff0000;TEXT-DECORATION:none}
.bottom{VERTICAL-ALIGN:bottom}
.top{VERTICAL-ALIGN:top}
.poster{font-size:90%}
.tpc,.tpc:hover,.tpc:visited,.tpc:active,.tpc:link{COLOR:#333333;font-size:77%;TEXT-DECORATION:none}
.md2,.md2:hover,.md2:visited,.md2:active,.md2:link{COLOR:#000000;font-size:12pt;TEXT-DECORATION:none}
{COLOR:#000000;font-size:10pt;TEXT-DECORATION:none}
.post,.post A:link,.post A:visited,.post A:hover,.post A:active{COLOR:#333333;font-size:12px}
{font-size:12px}
.sing,.sing A:link,.sing A:visited,.sing A:active,.sing A:hover{COLOR:#333399;font-size:85%;TEXT-DECORATION:underline}
.mtext{COLOR:red;font-size:90%}
.button{BACKGROUND-COLOR:#ffffff;BORDER-BOTTOM:#000000 1px outset;BORDER-LEFT:#000000 1px outset;BORDER-RIGHT:#000000 1px outset;BORDER-TOP:#000000 1px outset}
.sh1{BACKGROUND-COLOR:#ffffff;COLOR:#333333;font-size:8pt;PADDING-BOTTOM:10px;PADDING-TOP:10px}
.u1{BACKGROUND-COLOR:#ffffff;font-size:8pt;PADDING-LEFT:3px}
.u2,.u2:link,.u2:hover,.u2:visited,.u2:active{BACKGROUND-COLOR:#6699cc;COLOR:#ffffff;font-size:8pt;FONT-WEIGHT:bold;TEXT-ALIGN:left;TEXT-DECORATION:none}
.tb{BORDER-BOTTOM:black 0px solid;BORDER-LEFT:#999999 1px solid;BORDER-RIGHT:#999999 1px solid;BORDER-TOP:#999999 1px solid}
.mini{FONT-FAMILY:Small Fonts, Verdana, Arial;font-size:7pt}

Так чего, так и заглохло это дело?

не будет никто модифицировать скрипт форума, чтобы accessibility было нормальное (настраиваемый размер шрифта, ане hard-coded)?

PaulGor
Да что-то добровольцев маловато. Технологическую демку я выложил выше, а когда дело дошло до подгона всей страницы так, чтобы выглядела как сейчас (или хотя бы просто нормально) во всех браузерах, то обнаружилась некоторая проблема.
Дело в том, что сейчас стили применяются вложенно, т.е.

Код:
<div style="style1">
<p style="style1">
blablabla
</p></div>

QuickeneR

Твой код в откорректированном виде (как я до этого выкладывал) вроде бы нормально рабоатет (по крайней мере, так же как и неоткорректированный)

касательно

Цитата:

<div style="style1">
<p style="style1">

я несколько раз сталкивался с тем, что некоторые стили не дружат с параграфом, но нормально работают с div (конкретных примеров сейчас не вспомню, но что-то было)-- просто перестраховались кодеры.
А насчет процентов-- вроде как и с поинтами (pt) нормально все


Добавлено
PaulGor
Цитата:

hard-coded

not so much hard

Svarga
Так ведь поинты - это вроде как абсолютные единицы?
А по поводу "нормально работает" - если сейчас этот переделанный css прикрутить вместо нынешнего, я первый буду возражать , потому как выглядит все плоховато из-за шрифтов.

QuickeneR
Цитата:

Так ведь поинты - это вроде как абсолютные единицы?

это, вроде как, размер точки в определенном шрифте-- т.е. должны быть относительные (размер точки в шрифте зависит от размера шрифта по умолчанию-- а именно это и изменяется в MSIE, ради которого, собственно это все и затевается).

Может и гоню, посмотрю-- проверю.

Касательно прикручивать-- и вправду, мрачновато Можно поковырять-подобрать что-то похожее.

А вообще, нормальной была бы идея AlexanderIpp насчет индивидуальных листов стилей-- чтоб все осталось как есть, а если кому-то не нравится-- чтоб выбирал бы себе один из других готовых листов стилей (в т.ч. и с другими размерами шрифта) в своем профиле.

QuickeneR,
И вправду гоню
Цитата:

К относительным единицам измерения относятся:
* em: свойство 'font-size' соответствующего шрифта
* ex: свойство 'x-height' соответствующего шрифта
* px: пиксели, относительно устройства просмотра

Абсолютные единицы измерения полезны только в том случае, когда известны физические параметры устройства вывода. К ним относятся:
* in: дюйм - 1 дюйм равен 2.54 сантиметрам.
* cm: сантиметр
* mm: миллиметр
* pt: точка - 1 точка, используемая в CSS2, равна 1/72 дюйма.
* pc: пика - 1 пика равна 12 точкам.

это из перевода CSS2-спецификации

пиксели должны быть относительными, а пункты абсолютными.

другой прикол в том, что в эксплорере и то, и другое абсолютно.

масштабируются только em, ex, %-- по крайней мере в 5-м.