Доступная вёрстка: как сделать сайт удобным для всех пользователей

Всем привет! В этой статье мы разберем одну из важнейших тем при разработке любого веб‑сайта — доступность . Она позволяет сделать наш сайт или веб‑приложение доступным максимальному количеству пользователей . И под максимальным количеством имеются ввиду не только пользователи со слабыми устройствами или интернетом, для которых мы должны предоставить максимально оптимизированное решение, но и пользователи с ограниченными (постоянными или временными) возможностями: люди без слуха, зрения, без возможности использовать мышь или клавиатуру для взаимодействия с контентом веб‑сайта. Для чего же нам нужно работать над доступностью? Ответ напрашивается сам собой – расширение аудитории и привлечение новых клиентов (если вы оказываете услуги). По данным AccessiCart , при улучшенной доступности мы увеличиваем потенциальную аудиторию до 25% . ( Ссылка на статью ) Помимо расширения аудитории, улучшение доступности положительно влияет на органический трафик (переходы на сайт из поисковых систем). Исследование, проведенное Semrush, показало, что 73,4% сайтов, внедривших решения по доступности, зафиксировали рост органического трафика, при этом 66,1% из них отметили увеличение трафика от 1% до 50%. ( Ссылка на статью ) Здесь мы рассмотрим как улучшить доступность с двух сторон: оптимизации и взаимодействия с контентом . Добиться этого можно с помощью самых базовых технологий разработки: HTML & CSS & JS.

https://habr.com/ru/articles/903328/

#семантика #доступность #производительность #мобильная_доступность

Верстка для ленивых: как перестать бояться CSS и начать верстать как супергерой

Развалившийся макет, сломанные кнопки и тестировщик, отправляющий бесконечные баг-репорты... Знакомая боль? Вёрстка может быть не кошмаром, а крепостью, если подойти к ней с умом. В этом гайде — проверенные принципы, которые помогут вам делать гибкую и устойчивую вёрстку, способную пережить любые изменения контента и дизайна.

https://habr.com/ru/articles/889960/

#CSS #верстка #frontend #адаптивность #семантика #оптимизация #анимации #доступность #производительность #ui_ux

Интегральная статистика: любой маркетолог и продакт отдаст за это душу

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

https://habr.com/ru/articles/849672/

#аналитика #семантика #семантика_сайта #статистический_анализ #клиенты #product_management #seo #seoаналитика #маркетинг #маркетинговая_стратегия

Онтология и семантика

Хайп? Философия? Повседневность? Будущее? Давайте разбираться. TL;DR: Онтология в IT - это способ структурировать знания о мире в виде связанных категорий и их свойств. Например, в онтологии "Игры престолов" есть категории "дома", "персонажи" и связи между ними. Когда мы наполняем онтологию реальными данными, получается граф знаний. Семантический слой - это более абстрактное понятие, включающее все способы придания смысла данным. Вместе они помогают ИИ-системам лучше понимать контекст и давать более точные ответы. Динамические онтологии используются для выявления скрытых связей в больших объемах данных, что помогает принимать более обоснованные бизнес-решения.

https://habr.com/ru/articles/848274/

#онтология #семантика #графы

Semantic BPM. Онтологическое моделирование верхнеуровневых процессов. VAD

Введение Представление моделей бизнес-процессов на основе онтологий (онтологическое моделирование) эквивалентно Semantic BPM . Введение в семантический BPM (Business Process Management) см. «Semantic BPM. Семантика и синтаксис бизнес-процессов» [semBPM24]. Если кратко, то можно провести аналогию: если классическая BPM система (BPMS: ARIS, бизнес-студия, fox-manager и т.п.) – это технологический аналог mediawiki (wikipedia), то Semantic BPM - это технологический аналог semantic mediaWiki (Wikidata), т.е. IF MediaWiki --> Semantic MediaWiki then BPM (ARIS, BPMS, EA) --> Semantic BPM Основной замысел (цель) семантического представления процессов (BPM, EA) не классическими BPM-системами, а семантическими (Linked Data) - такой же, как и у семантических wiki Одно из ключевых дополнений к wiki-гиперссылки (html) это указание не просто что «ОбъектА связан с ОбъектомБ» (т.е. просто «связано») и соответствующий кликабельный переход (wiki-ссылки, markdown syntax), а указание, что «ОбъектА связан с ОбъектомБ» такими-то типом отношения (впрочем, как и задание других свойств объекта через отношения). Изначально все BPMS (изначально называемые CASE-средствами) – семантические, т.к. их суть – это отношения между объектами, только в них семантика глубоко спрятана «под капотом» BPMS и нестандартная (собственная, проприетарная). Semantic BPM «поднимает» семантическую составляющую на поверхность (возможность работы с семантическим слоем) и использует стандартные сематические технологии Linked Data. В основе RDF (Resource Description Framework) – триплеты «субъект – отношение - объект» лежит ERD: Entity Relationship (ER) diagram . RDF \ ERD – это способ формализации знаний на основе атома знания – триплета. Вообще ER, subject, predicate, типы рассуждений и другие базовые элементы для работы со знаниями в СССР содержались в школьных учебниках [Логика54].

https://habr.com/ru/articles/828266/

#семантика #онтология #aris #bpm #bpms #semantic_bpm #vad #rdf #enterprise_architecture

Open Research Knowledge Graph: новый подход к научной коммуникации

На сегодняшний день для представления и обмена результатами исследований мы используем методы, которые были разработаны много веков назад. С момента зарождения современной науки (публикации первого научного журнала "Transactions of the Royal Philosophical Society", 1665 г.) мы используем все тот же метод передачи научных знаний – статьи. Немецкая национальная научно-техническая библиотека TIB и исследовательский центр L3S при Университете Лейбница в Ганновере изобретают новый подход к научной коммуникации. Вместо того чтобы представлять исследования в виде статичных PDF файлов, они работают над динамическим графом знаний - Open Research Knowledge Graph , где научные идеи, подходы и методы представлены в структурированном машиночитаемом формате.

https://habr.com/ru/articles/796553/

#научные_статьи #граф_знаний #открытые_данные #научная_коммуникация #семантика

Semantic BPM. Семантика и синтаксис бизнес-процессов

Онтологический инжиниринг в области Управления бизнес-процессами (BPM). Семантический BPM (Business Process Management), впрочем, как и семантический ЕА (Enterprise Architecture), – это заимствование концепций (подходов к описанию и онтологизации) \ инструментов Linked Data к указанным направлениям (формализация процессов и архитектур предприятий). «Красная нить»: когда мы формализуем процессы - мы говорим об одном и том же, но на разных языках (нотациях), поэтому стандартизация Языка семантики, онтологических концептов BPM (EA) – важная, но еще недостаточно популяризированная составляющая развития BPM (следующий этап, ВРМ 3.0). Отделение («мух от котлет») семантики от синтаксиса позволит «рафинировать» понятийный (смысловой) анализ бизнес-процессов и при их аналитике оперировать базовыми (семантическими) концептами (образами). В Semantic BPM, как и в Semantic Web (семантическая паутина), смысл представленного процесса \ архитектуры понятен не только человеку, но и машинам и они могут его читать и обрабатывать. Эти смыслы, обычно передаваемые «человек – человек» на языке синтаксиса / графической грамматики через нотации VAD, EPC, BPMN, UML (плюс еще несколько десятков подобных вариантов \ форматов «обертывания», включая Дракон), исходно формализуются на языке семантики (стек Linked Data или аналогичный) и уже потом упаковываются в схемы с конкретной нотацией («пишутся» на языке какой-либо нотации). Для единого понимания смысловой составляющей схем применяется общая ВРМ-онтология, толковый словарь ВРМ.

https://habr.com/ru/articles/795883/

#семантика #онтология #aris #bpm #Semantic_BPM #epc #bpms #semantic_web #enterprise_architecture #rdf

<dl> или <table>? Исследуем подходы к представлению пар ключ-значение в HTML

Казалось бы, простая задача - сверстать список пар ключ-значение. Бери <div> и делай. Но что, если захотелось подушнить ? Этим и займёмся в статье... Рассмотрим три подхода к решению этой задачи: <div> , <dl>, <dt>, и <dd> , и <table> . Обсудим преимущества, недостатки и примеры. Цель - помочь выбрать наиболее подходящий подход для конкретной задачи.

https://habr.com/ru/articles/782622/

#html #accessibility #семантика #div #dl_dt_dd #table #скринридер #душнилы

[Перевод] Предварительная оценка вероятности наличия уязвимостей в программах с учетом семантики средствами нейронных сетей (1/3)

Полное название: Предварительная оценка вероятности наличия уязвимостей в программах в двоичном представлении с учетом семантики средствами нейронных сетей. Часть 2 Часть 3 Предварительная оценка вероятности наличия уязвимостей (vulnerability prediction, VP) в бинарных программах с использованием статического анализа является популярной темой исследований. Традиционные методы VP основаны на применении шаблонов уязвимостей, которые требуют трудоемкой разработки шаблонов уязвимостей силами экспертами по безопасности. Развитие искусственного интеллекта (ИИ) открыло новые возможности для VP. Нейронные сети позволяют обучать шаблоны уязвимостей автоматически. Тем не менее, в современных исследованиях рассматриваются только один или два типа функций и используются традиционные модели, например, word2vec, которые не учитывают большое количество информации на уровне инструкций. В этой статье предлагается модель SAViP для VP в бинарных программах.

https://habr.com/ru/companies/stc_spb/articles/774406/

#нейросети #семантика #уязвимости #вероятность #vulnerability_prediction #SAViP #эмбеддинги #безопасность_по #фаззингтестирование