Проектирование страниц с отключенным CSS - PullRequest
Новая
       12

Проектирование страниц с отключенным CSS

3 голосов
/ 27 января 2009

В настоящее время я разрабатываю сайт, который использует темный фон, и просто ради интереса я отключил CSS и посмотрел на него. Поскольку он был помечен семантически, без стилей он все еще является целостным документом, за исключением того факта, что мои изображения заголовков являются белыми, и поскольку цвет фона по умолчанию также белый, вы вообще не можете видеть заголовки. (Заголовки помечаются как h1 / h2 / h3, а затем Javascript заменяет их изображениями).

Теперь я знаю, что это крошечный крайний случай пользователей, у которых нет CSS, но есть javascript, так что это гораздо более теоретический, нежели практический вопрос, но я должен вернуться к старому и устаревшему способу настройки цвета фона: 

<body bgcolor="#333333">

.. чтобы вы все еще могли видеть белые изображения?

Ответы [ 4 ]

10 голосов
/ 27 января 2009

Я обычно вставляю изображение заголовка также с помощью CSS. 

<h2 class="my-heading"><span class="hide">My Heading</span></h2>

, а затем 

.my-heading {
    width: 100px;
    height: 24px;
    display: block;
    background: #fff url(image/my-heading.jpg) top left no-repeat;
}

.hide {
    display: none;
}

чтобы пользователи в среде без CSS получили текстовую версию 1.

edit: Спасибо за d03boy за предоставленную лучшую альтернативу для этого (text-indent: -9999px;) и Karan Bhangui за указание на отсутствующие вещи (мой плохой) , Проверьте раздел комментариев.

edit 2: Спасибо Traingamer . Я обязательно перепроверить в следующий раз. ;)

2 голосов
/ 27 января 2009

Нет, ты не должен. Эти атрибуты устарели по причине. Есть лучшие способы обойти подобные проблемы. Как и предполагали другие, пусть Javascript обнаружит, отключен ли CSS, чтобы он не вносил изменения в этих случаях.

Обычные пользователи, которые отключают CSS, ожидают увидеть вещи не совсем так, как задумал создатель. Для работы с пользователями, которые вместо этого используют альтернативные браузеры (например, слепые пользователи), убедитесь, что вы полностью и точно заполнили теги ALT изображений и т. Д.

1 голос
/ 27 января 2009

Решение без кодирования:
Как насчет добавления темного края вокруг изображения заголовка? В нормальном темном фоне темный край вокруг изображения / текста заголовка не будет слишком навязчивым; между тем, когда css отключен, изображение / текст заголовка по-прежнему читается в виде контуров.

1 голос
/ 27 января 2009

Добавьте немного интеллекта к вашему JS. Я не знаю, как это сделать в JS, но обнаруживаю, отключен ли CSS, а затем делаю что-то другое в ответ. JS виноват в том, что сделал вашу страницу нечитабельной, поэтому у него должно быть решение. Помещение исправления в тег стиля только увеличивает сложность.

Например, кто-то без CSS может также не поддерживать тег стиля! Кроме того, это может быть слепой пользователь с программой чтения с экрана, и у него вообще нет текста, а вместо этого изображение довольно обидно. Лучше установить свой текст ALT и т. Д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...