Версия для слабовидящих

[futik0ma]

Воспользовался поиском по форуму - не нашёл такой темы.
Есть сайт - я сверстал для него шаблон. В данный момент необходимо - добавить версию для слабовидящих. Я хотел сделать так:
[globalVar = GP:im > 0]
page.includeCSS {
file1 = fileadmin/templates/css/style-vi.css
}
[else]
page.includeCSS {
file1 = fileadmin/templates/css/style.css
}
[end]
Соответственно на сайте была бы ссылка влючающая в себя "?im=1" и это позволяло бы переключаться на другую css и немного менять структуру(для этого код не указываю).
Однако мне бы пришлось добавлять это ко всем ссылка на сайте. И этот метод очень глуп.
Ещё я встречал плагин переключатель css однако он не совсем подходит потому что контент тоже должен изменяться (присутствие некоторых блоков в одной версии и отсутствие в другой)
Прошу вас натолкнуть на способ создании "версии для слабовидящих".

можно добавить свою пхп функцию обработки через сессии я так думаю - но это тоже корявый вариант.

или подскажите как бы мне в typoscript сохранять переменную (текущий выбор стиля) ?

[-=UncleByte=-]

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

[shuman]

http://www.slideshare.net/jeremygreenawalt/taking-your-website-mobile-with-typo3
http://shiryshev.ru/archives/419
мне кажется нужно сделать так (мобильная версия, версия для слабовидящих, обычная и для печати в одном дизайне)

а для определения версии использовать
http://www.dmitry-dulepov.com/2009/04/creating-mobile-version-of-web-site.html

[Ивано++]

Так полагаю - что Вам нужна полная копия сайта - считай зеркало!

Подобную версию я не разу не делал (присоединусь к Вам - т.з наберусь опыта) - но думаю что она будет не сильно отличатся от мобильной версии сайта http://m.studsovet-life.ru/ - НО с той лишь раздницей - что появится подобная панель кнопок как здесь:
http://special.kremlin.ru/state/commission

Размер шрифта:
Цвета сайта
Изображения
Поиск
Настройки

И потом думаю - что Вам нужно смотреть в эту сторону:
http://wiki.umisoft.ru/Организуем_интерфейс_для_слабовидящих_пользователе й

Если есть интерес - расскажу здесь в теме подробно как сделан без TV - и может быть даже выложу исходники сайта:
http://m.studsovet-life.ru/ http://p.studsovet-life.ru/ и http://studsovet-life.ru/

Начало темы уже было здесь:
http://forum.typo3.biz/showpost.php?p=35648&postcount=72

<!-- ###DOCUMENT_BODY### -->
<!-- ###DOCUMENT_BODY_MOBILE### -->
<!-- ###DOCUMENT_BODY_PRINT### -->
<!-- ###DOCUMENT_BODY_IM### -->

[Ивано++]

im.yourwebsite.com

[Ивано++]

yourwebsite.com/im/

[Ивано++]

Мне больше нравится первый вариант!

[Ивано++]

или подскажите как бы мне в typoscript сохранять переменную (текущий выбор стиля) ?

jQuery cookie - в мопощь - надо только помнить - что он еще досих пор не встроен в барузеры...:)

[futik0ma]

Спасибо за помощь. Начал копать сторону мультиязычности и сделал так:
Добавил:
config.linkVars = im
config.uniqueLinkVars = 0
(как я понял) Эти строчки позволяют автоматически передавать в дальнейшие ссылки переменную находящуюся в GET
page.includeCSS {
file1 = fileadmin/templates/css/style.css
file2 = fileadmin/templates/css/coin-slider-styles.css
}
[globalVar = GP:im = 1]
page.includeCSS {
file1 = fileadmin/templates/css/style-im.css
file2 = fileadmin/templates/css/coin-slider-styles.css
}
[global]
все работает но появилась проблема
на главной у меня отображается лента новостей - и во второй версии она почему то остутствет
причём! даже если заменить style-im.css на style.css страничка загружается без новостей - не приложу ума почему

[Ивано++]

Все равно - путь по многоязычности - это более сложный вариант...
Лучше описать два разных шаблона сайта...

[futik0ma]

как-бе то не было - суть реализована - помогите пожалуйста с причиной не подгрузи новостей - странички же идентичные

новости добавлены как плагины на страницу - в коде вывод с страницы произовдится так:

page.10 < temp.mainTemplate

page.10.marks.CONTENT = TEXT
page.10.marks.CONTENT < styles.content.get

[Ивано++]

Сейчас у Вас на сайте ничего не открывается по адресу:
****k.ru?im=1

И желательно выложить исходники TS-шаблонов?
Тогда можно что-то предметно смотреть...

Простите...vi=on

[Ивано++]

И в шаблоне сайта и в слабовидящей у Вас есть

<div id="extra">
</div>

Значит у Вас по какой-то причине не вставляется плагин новостей в "div" - extra - его надо смотреть, как он вствляется в шаблоне и что-там...

Полный код TS-в студию...:rolleyes:

[futik0ma]

Пожалуйста не торопитесь - вы делаете выводы без подтвержденных фактов - это лишние умозаключения

[-=UncleByte=-]

как-бе то не было - суть реализована - помогите пожалуйста с причиной не подгрузи новостей - странички же идентичные

новости добавлены как плагины на страницу - в коде вывод с страницы произовдится так:

page.10 < temp.mainTemplate

page.10.marks.CONTENT = TEXT
page.10.marks.CONTENT < styles.content.getКакой экстеншн новостей стоит и как он подключается? И где настраивается?

[Ивано++]

Вам уже второй человек пишет - ... как он выводится на страницу?
TS-в студию...

А вообще - если это добавлено как плагин на странице в одну из колонок - то странно?

[futik0ma]

Это в темплейте
###CONTENT###
использую tt_news 3.0.1
добавляю на страницу через "вставить расширение"

[Андрей Аксенов]

Посмотрите еще, как сделано в Government Package из официальных скачиваемых пакетов typo3. Там есть дополнение для чтения страниц сайта.

[Ивано++]

Посмотрите еще, как сделано в Government Package из официальных скачиваемых пакетов typo3. Там есть дополнение для чтения страниц сайта.

Это что за дополнение такое - ниразу не слышал...

[futik0ma]

Я не совсем компетентен в этом вопросе - но мне кажется какая то проблема с кешем - если страницу (im=1) обновить через некоторое время то новости появятся однако пропадут в (im=0)

[-=UncleByte=-]

А можно взглянуть на настройки сайта вообще и новостей в частности? Хотя бы скриншоты админки.

[Андрей Аксенов]

Это что за дополнение такое - ниразу не слышал...
http://government.v4.demo.typo3.org/home.html
Я так понимаю это: http://typo3.org/extensions/repository/view/readspeaker

[futik0ma]

А можно взглянуть на настройки сайта вообще и новостей в частности? Хотя бы скриншоты админки.

это имеется ввиду?

http://rghost.ru/44486738
http://rghost.ru/44486743
http://rghost.ru/44486746
http://rghost.ru/44486751

[Ивано++]

http://government.v4.demo.typo3.org/home.html
Я так понимаю это: http://typo3.org/extensions/repository/view/readspeaker

Прикольно - не знал о такой фиче...
Спасибо.

[Ивано++]

А вообще я нашел причину...:D:D:D
Почему у Вас не отображаются новости...

[futik0ma]

А вообще я нашел причину...:D:D:D
Почему у Вас не отображаются новости...

но вы не намерены со мной поделиться ею?

[Ивано++]

display: none - перекрывает...
У Вас все выводится...:):)

[futik0ma]

display: none - перекрывает...
У Вас все выводится...:):)

К сожалению вы не правы

[Ивано++]

Ну раз Вы не видите уже очевидное - раз я бесплатно на Вас час потратилл и назвал суть проблемы...
Давай-те под другим ракурсом рассмотрим проблему:cool:...
Может быть это Вас убедит...

[-=UncleByte=-]

Попробуйте отключить все связанное с локализацией. Если не поможет, тогда надо будет посмотреть в настройки конкретного блока новостей.

[Ивано++]

-=UncleByte=-

у человека все работает - это не внимательность при верстке CSS+HTML
При наложении стилей слабовидящего сайта на основной
происходит замена display на display: none - блока новостей
- так-что тему можно больше не юзать и не тратить время...

[futik0ma]

Ну раз Вы не видите уже очевидное - раз я бесплатно на Вас час потратилл и назвал суть проблемы...
Давай-те под другим ракурсом рассмотрим проблему:cool:...
Может быть это Вас убедит...

мой тс:

config.doctype = xhtml_strict
config.xhtmlDoctype = xhtml_strict
config.xmlprologue = none
config.xhtml_cleaning = all
config.linkVars = im
config.uniqueLinkVars = 0

temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template = FILE
template.file = fileadmin/templates/index.html
}

page = PAGE
page.typeNum = 0

page.includeJS {
file1 = fileadmin/templates/js/jquery-1.9.0.min.js
file2 = fileadmin/templates/js/coin-slider.min.js
file3 = fileadmin/templates/js/jquery-ui.js
}

page.includeCSS.file1 = fileadmin/templates/css/style.css
[globalVar = GP:im = 1]
page.includeCSS.file2 = fileadmin/templates/css/coin-slider-styles.css
[global]


page.10 < temp.mainTemplate

page.10.marks.CONTENT = TEXT
page.10.marks.CONTENT < styles.content.get

page.10.marks.impaired = TEXT
page.10.marks.impaired.value = <a href="http://bla-bla.ru/index.php?id=549&im=1">test</a>
...
​

то есть при при изменении im одна css или добавляется или не добавляется (css - отвечающая за галерею - не относящаяся к новостям)

в результате:
код страницы когда новсоти не оторбажаются (тот участок где они должны быть)
<!-- CONTENT ELEMENT, uid:631/list [begin] -->
<div id="c631" class="csc-default">
<!-- Plugin inserted: [begin] -->

<!-- Plugin inserted: [end] -->
</div>
<!-- CONTENT ELEMENT, uid:631/list [end] -->

<!-- CONTENT ELEMENT, uid:632/list [begin] -->
<div id="c632" class="csc-default">
<!-- Plugin inserted: [begin] -->

<!-- Plugin inserted: [end] -->
</div>
<!-- CONTENT ELEMENT, uid:632/list [end] -->

[futik0ma]

-=UncleByte=-

у человека все работает - это не внимательность при верстке CSS+HTML
При наложении стилей слабовидящего сайта на основной
происходит замена display на display: none - блока новостей
- так-что тему можно больше не юзать и не тратить время...

я не сомневаюсь в вашей компетенции но думаю при display:none
я бы увидел новости в коде страницы ведь так?

дабы ещё раз в этом убедиться - я сделал поиск по всем css и по всему коду страници по "none" но ни разу не встретил display: none

ткните меня носом что я не прав - и я это с радостью признаю - но на данный момент позвольте с вами не согласиться

[Ивано++]

Хорошо - но беру с Вас слово - что сегодня я заработал на мороженкку...

[Ивано++]

http://ivan-web-blog.ru/fileadmin/templates/def-iwb/tree/ul.ru.png

[futik0ma]

Хорошо - но беру с Вас слово - что сегодня я заработал на мороженкку...

пусть будет так

[futik0ma]

...

я просил вас не торопиться - я могу порадоваться за вашу проницательность - и за мою не внимательность - при затирании следов - однако дело обстоит так что это старая версия сайта(которую разробатовал ни я) и она будет заменена на новую(мою) я думаю я объяснил ситуацию - и уладил наше общее негодование по этому вопрос.

ПС придется остаться без мороженки

[-=UncleByte=-]

Если у вас стоит RealURL, то надо его конфиг поправить для нормальной работы с вашей переменной.

[futik0ma]

Если у вас стоит RealURL, то надо его конфиг поправить для нормальной работы с вашей переменной.

да данный плагин установлен

если вам не сложно - не могли бы вы пояснить как это сделать?

[Ивано++]

ПС придется остаться без мороженки
Вот я обламался - без мороженки - как так - да без Белорусского?

Ладно - че по пусту обсуждать - пишите на почту - а там посмотрим...
i-litovan@yandex.ru

[-=UncleByte=-]

да данный плагин установлен

если вам не сложно - не могли бы вы пояснить как это сделать?

Если не трудно читать по-английски, то вот:
http://www.dmitry-dulepov.com/2008/05/realurl-made-easy-part-1.html
http://www.dmitry-dulepov.com/2008/06/realurl-made-easy-part-2.html
Здесь тот же текст по-русски, но без картинок - http://www.accio.lv/informacija/typo3/

[futik0ma]

да данный плагин установлен

если вам не сложно - не могли бы вы пояснить как это сделать?

Думаю проблема не в нём - я его отключил - но проблема все ещё есть. А теперь самое интересное - я свел к минимуму разницу между рабочей и не рабочей версией:

[globalVar = GP:im=1]

[global]

то есть если вставить это в мой ts то работать перестаёт а если убрать то все работает

[-=UncleByte=-]

Скиньте в личку адрес сайта чтобы посмотреть вживую на него. И TS шаблон прикрепите с казанием версии typo3.

[futik0ma]

То решение для создания версии для слабовидящих (на основе мультиязычности) которое было подсказано вами и было применено мной - работает отлично.
Проблема с новостями возникла из-за того что я забыл подключить конфиг новостей. Спасибо за подсказку -=UncleByte=-

[shuman]

То решение для создания версии для слабовидящих (на основе мультиязычности) которое было подсказано вами и было применено мной - работает отлично.
Проблема с новостями возникла из-за того что я забыл подключить конфиг новостей. Спасибо за подсказку -=UncleByte=-

Вопрос: я так понимаю, что при этом редакторы на вашем сайте не создают дополнительных версий контента, а при переходе на версию для слабовидящих отображается основная версия с другой css?

[Ивано++]

Вопрос: я так понимаю, что при этом редакторы на вашем сайте не создают дополнительных версий контента, а при переходе на версию для слабовидящих отображается основная версия с другой css?

Именно в этом и есть прелесть...
Что для одного содержимого typo3 - можно задавать разное представление во FE...
Причем вы можете:
1) подключать разные стили css-для сайта
2) либо задавать новый шаблон сайта + свой-css к нему

Из данной темы вынес-что то новое...:rolleyes:


Ребят, может коллективное фото на память. А?

[Андрей Аксенов]

По этой теме тоже искал всвязи с редизайном сайта, и вынес следующее.
Дизайн для людей с ограниченными возможностями должен включать:

Возможность работы с навигацией без мыши, только с клавиатуры.
В начале каждой страницы должна быть ссылка на главную страницу, чтобы это было первое, что произносит экранный диктор.
Использовать в формах тег label, связывающий поле формы с текстом подсказок.
Описание для каждого изображения.
Разные варианты размера шрифта: функция переключения размера текста на странице.
Использование экранного диктора.
"Контрастный" стиль CSS.

И главное - все это запросто реализуется на TYPO3. Как уже говорил, хороший пример этого - говермент пакет. Рекомендую изучить его, много полезного.

[Ивано++]

По этой теме тоже искал всвязи с редизайном сайта, и вынес следующее.
Дизайн для людей с ограниченными возможностями должен включать:

Возможность работы с навигацией без мыши, только с клавиатуры.
В начале каждой страницы должна быть ссылка на главную страницу, чтобы это было первое, что произносит экранный диктор.
Использовать в формах тег label, связывающий поле формы с текстом подсказок.
Описание для каждого изображения.
Разные варианты размера шрифта: функция переключения размера текста на странице.
Использование экранного диктора.
"Контрастный" стиль CSS.

И главное - все это запросто реализуется на TYPO3. Как уже говорил, хороший пример этого - говермент пакет. Рекомендую изучить его, много полезного.

Не знаю - мож плохо смотрел - но где на говерменте (кроме микрофончика) - версия для слабовидящих?

Мое образец в этом вопросе:
http://special.mos.ru/
http://special.kremlin.ru/

[Андрей Аксенов]

Не знаю - мож плохо смотрел - но где на говерменте (кроме микрофончика) - версия для слабовидящих?

Мое образец в этом вопросе:
http://special.mos.ru/
http://special.kremlin.ru/
В этом пакете "микрофончик" и "контрастный" css - а его содержание дело рук разработчика.
Много полезного - в плане внутренней организации работы с шаблонами и т. д.

http://special.mos.ru/
http://special.kremlin.ru/
Интересные варианты... Подходят и для упрощенной "мобильной" версии сайта.

[Ивано++]

Интересно:

а вот на сайте Президента (http://special.kremlin.ru/) - версия сайта для слабовидящих, тот интерфейс , что они используют ( 5 цветов) - это что - то типа готового фреймворка есть (аналог jQuery mobile, css F) - или это их собственная разработка...

Или похожий интерфейс придется реализовывать самому?
Google мне в этом вопросе как-то не помог совсем:rolleyes:.

Сказал - личная (как-то не патриотичено) - ЭТО НАША ОТЕЧЕСТВЕННАЯ РАЗРАБОТКА?

[-=UncleByte=-]

Верстал какую-то из версий президентского сайта ведущий cssing.ua и еще какие-то товарищи, так что, скорее всего, это единичная разработка.