Проверка ввода
Содержание:
- Мы есть в соцсетях
- Custom validation classes
- W3C Markup Validator Roadmap
- Этап первый. Краудсорсинг
- Как удалить участника сообщество ВКонтакте
- CLI
- Критерии выбора валидатора
- Новый подход к оценке качества сайта, стандарты
- How to Participate
- Графики бинарных опционов: понятие, виды, анализ
- Как работает проверка HTML5?
- Plan and Vision
- W3C Validation Services
- Валидация форм
- 5 последних уроков рубрики «HTML5»
- Валидность и другие показатели качества сайта
- США и Великобритания единодушны в вопросе учетных ставок
Мы есть в соцсетях
Custom validation classes
If you have custom validation logic you can create a Constraint class:
-
First create a file, lets say , and define a new class:
import { ValidatorConstraint, ValidatorConstraintInterface, ValidationArguments } from 'class-validator'; @ValidatorConstraint({ name: 'customText', async: false }) export class CustomTextLength implements ValidatorConstraintInterface { validate(text: string, args: ValidationArguments) { return text.length > 1 && text.length < 10; // for async validations you must return a Promise<boolean> here } defaultMessage(args: ValidationArguments) { // here you can provide default error message if validation failed return 'Text ($value) is too short or too long!'; } }
We marked our class with decorator.
You can also supply a validation constraint name — this name will be used as «error type» in ValidationError.
If you will not supply a constraint name — it will be auto-generated.Our class must implement interface and its method,
which defines validation logic. If validation succeeds, method returns true, otherwise false.
Custom validator can be asynchronous, if you want to perform validation after some asynchronous
operations, simply return a promise with boolean inside in method.Also we defined optional method which defines a default error message,
in the case that the decorator’s implementation doesn’t set an error message.
-
Then you can use your new validation constraint in your class:
import { Validate } from 'class-validator'; import { CustomTextLength } from './CustomTextLength'; export class Post { @Validate(CustomTextLength, { message: 'Title is too short or long!', }) title: string; }
Here we set our newly created validation constraint for .
-
And use validator as usual:
import { validate } from 'class-validator'; validate(post).then(errors => { // ... });
You can also pass constraints to your validator, like this:
import { Validate } from 'class-validator'; import { CustomTextLength } from './CustomTextLength'; export class Post { @Validate(CustomTextLength, 3, 20, { message: 'Wrong post title', }) title: string; }
And use them from object:
import { ValidationArguments, ValidatorConstraint, ValidatorConstraintInterface } from 'class-validator'; @ValidatorConstraint() export class CustomTextLength implements ValidatorConstraintInterface { validate(text: string, validationArguments: ValidationArguments) { return text.length > validationArguments.constraints && text.length < validationArguments.constraints1; } }
W3C Markup Validator Roadmap
This page holds the development roadmap for the W3C Markup
Validation Service.
- For a list open bugs and detailed feature, we now use
Bugzilla, which can be searched
by specific milestone version numbers. - This roadmap only gives a high-level overview of what each generation of the
validator changed from the others.
For a detailed list of features and changes in past releases, see the
News page. - If you would like to discuss this roadmap, or request new features, please join the
www-validator
mailing list.
High-Level Objectives
- Provide the web with a one-stop service for Web Quality check
- Help raise quality for (m)any kind(s) of Web content
- Build a positive culture of Web Quality
- Future-proof our services (new formats, new usage)
- Leverage Communities energy
- Remain the trusted source by professionals
- Find the right balance between accuracy and user-friendliness
Roadmap
Multi-engine validator
The current validator is mostly based on an DTD parser, with an XML parser used only for some checks.
It also plugs into an html5 parser for the validation of HTML5 content. In the future, other engines
should be used to check compound XML documents (with NVDL+relax, XML Schema, Schematron — using e.g the relaxed engine)
The following flowchart describes the validation engine architecture, as it is now, and as we envision it in the near future.
(follow link to enlarge, or download the vector-based
graffle,
PDF or
SVG version)
Milestones
@@ TODO @@ add these as Bugzilla entries
-
Interface with an NVDL+RelaxNG engine for validation of compound XML documents (coding the interface will be similar to the one
done for hTML5 engine) -
Choose the right NVDL+RelaxNG engine. relaxed and validator.nu provide such capability, and of course there is the option to roll our own (jing, etc).
-
Change check code to send multiple-namespace XML documents to NVDL+RelaxNG engine
-
Interface with the feed validator, RDF validator and CSS validator programatically (instead of redirecting, as done today)
Mulitilingual tool
The Markup Validator receives 1M requests per day, and is only in English. Making it multiligual
would make the tool easier to use for web developers and designers worldwide. Although this may be technically tricky
(given the number of message/engine sources), the community would be very excited in participating in the translation effort.
Site-wide services
The markup validator currently checks a single page. Some companion software (such as the log validator)
could be made into a web service to provide crawling, batch validation, scheduled checks etc.
Check beyond markup
This may be in the roadmap for Unicorn rather than the markup validator, but it fits in the «long-term»
vision of developing the W3C Web Quality services. Checking of RDDL, RDFa, microformats and other rich markup are in scope.
Many other checks could be added to the validators, such as:
- document cacheability
- spell checking
- semantic extraction
- accessibility evaluation
Less finger pointing, more problem solving
Most of our tools, and especially the «star» HTML validator,
have a binary «valid/invalid» way of presenting their results. While this is useful for some, it tends to make people look away
from the «big picture» of web quality. A new one-stop quality checker could help bring a paradigm shift by showing diverse
aspects of web quality, while systematically suggesting solutions for every problem. This would involve working with designers
to find ways to present aggregated quality information in a clear and positive manner.
- 0.8.x
- The 0.8.0 release sees the validator code reorganized around a more modular architecture, adding better XML checking capabilities. In 0.8.5, HTML5 checking capabilities were added by interfacing with the validator.nu engine.
- 0.7.x
- The 0.7.0 release reorganized the validator to use templates, making it easier to produce different outputs (hence the development of an API). 0.7.0 through 0.7.4 included mostly bug fixes and documentation updates.
- 0.6.x
- The 0.6.0 release, in 2002, kicked in a new phase of open source development for the validator,
including a number of bug fixes. 0.6.0 through 0.6.7 included mostly bug fixes and documentation updates. - Versions Prior to 0.6.0
- Versioning up to version 0.5.x was only done as a development mechanism, and
the validator was not following a strict release cycle.
Этап первый. Краудсорсинг
В самом начале составьте круг из людей, которые отличаются придирчивостью, грамотностью и метким глазом. В этот круг доверия лучше всего включить надежных друзей и близких коллег. Вы посылаете им вашу рассылку и ждете их комментариев. Задача людей из круга доверия выявить ошибки в письме, просматривая его с позиции обычного пользователя.
На заметку: где чаще всего встречаются ошибки?
Тема письма
Здесь бывают опечатки, часто используется слишком длинное предложение в обращении (и в итоге пользователю видно лишь его начало).
А иногда и вовсе непонятно, о чем идет речь в теме письма. Если вы используете сервис для отправки рассылки, который позволяет в теме письма использовать личное обращение к пользователю, надо знать, каким образом сервис выделяет это имя, т.е. какие данные использует как первоисточник.
Изображения отражаются некорректно
Самая частая проблема кроется в неправильном разрешении картинок и неумелой интеграции изображения в письмо (тогда картинки приходят в виде отдельных вложений в письме). Что касается разрешений, если размер картинки велик, ее надо сжимать. Стоит помнить также о том, что к использованию годятся изображения в формате RGB, с расширением jpg, gif, а лучше всего png. Если картинка размещена в интернете и добавлена в письмо через url-ссылку, ресурс, где вы разместили картинку, должен быть общедоступным и безопасным с точки зрения антивирусных программ. Другая проблема, связанная с изображениями — наличие текста, который будет отражаться, если почтовый клиент блокирует картинки в письме отправителя. Это тот текст, который будет виден на месте картинки, если почтовый клиент ее откажется показывать.
Ссылки в письме
В письме всегда есть ссылки, как в самом тексте, так и на изображениях. Необходимо проверить на работоспособность каждую из них.
Текст письма
Самая частая проблема здесь — использование шрифта, который трудно читать, использование символов, которые могут отражаться/не отражаться в зависимости от того, на каком устройстве пользователь просматривает письмо. Ну, и, конечно же, ошибки любого вида: орфографические, речевые, лексические. Когда вы долго работаете с одной и той же информацией, вы привыкаете к ней — ваш глаз может не увидеть разницу, но посторонний человек, который видит письмо впервые, может достаточно быстро выявить ошибку. Кроме того, стоит быть осторожным с использованием call-to-action: слова «распродажа», «скидки» и тому подобное может гарантировать вашему письму прямое попадание в папку спама.
Как удалить участника сообщество ВКонтакте
В случае обнаружения спамера или человека, который оскорбляет других людей или не выполняет внутренние правила сообщества, вы можете его исключить из группы или добавить в «Черный список».
Для удаления пользователя введите имя и фамилию в поле поиска по участникам и удалите.
Если вы лояльны к своей аудитории, забаньте его на определенный срок с пояснением причины. Для этого в разделе «Черный список» найдите нужный аккаунт и заблокируйте.
Даже если вы узнали, как удалить собственную группу ВКонтакте, советую не торопиться с поступками. Если у сообщества большое количество подписчиков, задумайтесь: а сможете ли вы собрать такую аудиторию в следующий раз, если передумаете?
CLI
Install as global package
npm i -g node-w3c-validator
Usage
node-w3c-validator -i ./dist/*.html -f html -o ./reports/result.html -s
node-w3c-validator -i ./dist/***.html -f html -o ./reports/result.html -s
Validate input path.
default:
Exclude from input path.
default:
Specifies whether ASCII quotation marks are substituted for Unicode smart
quotation marks in messages.
default:
Specifies that only error-level messages and non-document-error messages are reported (so that warnings and info messages are not reported).
default: , all message reported, including warnings & info messages
Makes the checker exit zero even if errors are reported for any documents
Specifies the output format for reporting the results
default:
possible values:
Specifies a filename. Each line of the file contains either a regular expression or starts with «#» to indicate the line is a comment. Any error message or warning message that matches a regular expression in the file is filtered out (dropped/suppressed)
default: , checker does no message filtering
Specifies a regular-expression pattern. Any error message or warning message that matches the pattern is filtered out (dropped/suppressed)
default: , checker does no message filtering
Skip documents that don’t have , , , or extensions.
default: , all documents found are checked, regardless of extension
Forces any or documents to be parsed using the HTML parser.
default: , XML parser is used for and documents
Disables language detection, so that documents are not checked for missing or mislabeled html attributes.
default: , language detection & html checking are performed
Forces all documents to be be parsed in buffered mode instead of streaming mode (causes some parse errors to be treated as non-fatal document errors instead of as fatal document errors).
default: , non-streamable parse errors cause fatal document errors
Specifies «verbose» output. (Currently this just means that the names of
files being checked are written to stdout.)
default: , output is not verbose
Shows the current version number.
Write reporting result to the path
node-w3c-validator -i static/***.html -b 500
nodeW3CValidator(validatePath,{ format'html', exec{ buffersize1024*500}},function(err,output){});
Критерии выбора валидатора
При выборе валидатора нужно учитывать следующие критерии:
Надежность
Показатель надежности — количество предупреждений и штрафов, ранее наложенных системой на валидатора, а также возраст мастерноды;
Сила валидатора
Это отношение стейка валидатора ко всем делегированным стейкам сети Minter. Если сила валидатора подходит к 33%, появляется риск блокировки всей сети такой мастернодой, а потому делегировать в нее дополнительные стейки крайне не рекомендуется;
Минимальный стейк
Если размер вашего стейка меньше минимального стейка валидатора или близок к нему, надо выбрать другую ноду для делегирования. Минимальный стейк никем не устанавливается. У каждого валидатора доступны 1000 слотов для стейков, самый маленький из них и является минимальным. Когда появляется желающий делегировать большую сумму при всех занятых стейках валидатора, новый стейк автоматически вытесняет минимальный и средства вылетевшего делегатора тут же возвращаются к нему на кошелек;
Размер комиссии
Обратите внимание, что некоторые валидаторы имеют меньшую комиссию, чем указано на сайтах рейтингов, так как возвращают делегаторам часть комиссии. Об этом можно узнать на официальных сайтах валидаторов или их Telegram-каналах.. Рекомендуется также обратить внимание на рейтинг ноды на Minterscan
Рекомендуется также обратить внимание на рейтинг ноды на Minterscan. Рейтинг — показатель популярности валидатора, отношения к нему со стороны его делегаторов
Поднять рейтинг можно только у своего валидатора, которому участник делегировал какой-то стейк.
Рейтинг — показатель популярности валидатора, отношения к нему со стороны его делегаторов. Поднять рейтинг можно только у своего валидатора, которому участник делегировал какой-то стейк.
Новый подход к оценке качества сайта, стандарты
Validator Suite предоставляет новый вид услуг комплексной оценки качества сайта. Сервис проверяет все страницы сайта и оценивает их соответствие стандартам W3C, а также другим требованиям производительности для веб-ресурсов.
По сути, я уже знакомил своих читателей с такими сервисами, как:
- CSS Validation Service — проверка валидности CSS;
- MarKup Validation Service — проверка валидности HTML;
- А также другими инструментами консорциума.
W3C Validator Suite объединяет все эти утилиты в один онлайн-сервис, что делает проверку сайта и анализ результатов проще, чем когда бы то ни было. Это позволяет привести сайт в полное соответствие с новейшими действующими стандартами web-разработки.
Соответствие сайта стандартам W3C обеспечивает:
- упрощенную поддержку и использование всей заложенной функциональности;
- совместимость с наибольшим числом современных браузеров и платформ, что снижает вероятность появления багов;
- улучшенную работу новых стандартов на совместимых устройствах, применяемых для выхода в интернет.
Если Вы создаете новый сайт или занимаетесь поддержкой текущих проектов, то используйте сервис W3C Validator Suite и проводите периодические проверки. Так Вы будете уверены, что проект соответствует современным стандартам и максимально оптимизирован для просмотра с различных устройств и браузеров.
How to Participate
bug reports
Anyone is welcome to provide bug reports, bug fixes, improvement and
patches, ideas, etc. Submissions should be sent to the
mailing list
(send mail).
Please note that any mail sent to this list will be publicly
archived and available, do not send information you wouldn’t want to see
distributed, such as private data.
for this tool is available under
the
W3C Software Licence.
Additional modules
You are welcome to develop and submit additional modules (learn more about the
Modules creation documentation and
API for the modules).
Translations
Translation of the documentation is welcome. If you translate these
documents, please contact us so that we can include your translation to
the alternate versions of this manual. (See more about translations of
W3C documents).
Acknowlegements
Many thanks to…
- Karl Dubost, for his ideas, his patience when testing early versions,
and continuous help on this project. - Terje Bless, for his coding improvement proposals
- Ville Skytta, for patches, good ideas and suggestions
- Aaron Straup Cope, for his knowledge of all things Perl
- Slaven Rezic, for patches and bug reports
- …
Графики бинарных опционов: понятие, виды, анализ
Как работает проверка HTML5?
Основная идея в основе проверки форм HTML5 состоит в том, что разработчик указывает данные для валидации, но не реализует все необходимые для этого трудоемкие подробности. Это что-то похожее на начальника, который только отдает приказания, но реализует эти указания не сам, а с помощью подчиненных.
Например, допустим, что определенное поле нельзя оставлять пустым, и посетитель должен ввести в него хоть что-то. В HTML5 это осуществляется с помощью атрибута required в соответствующем поле (далее дорабатываем пример из предыдущей статьи):
Даже с применением для поля атрибута required на это требование нет никаких визуальных указателей по умолчанию
Поэтому следует обратить внимание пользователя на это требование с помощью каких-либо своих визуальных признаков, например, выделив рамку поля цветом и поставив возле него звездочку
Проверка выполняется, когда пользователь нажмет кнопку для отправки формы. Если браузер поддерживает формы HTML5, он заметит пустое обязательное для заполнения поле, перехватит вызов отправки формы и отобразит всплывающее сообщение об ошибке:
Хотя официальных требований к оформлению сообщения об ошибках при проверке не существует, во всех браузерах для этой цели применяются всплывающие подсказки. К сожалению, веб-разработчики не могут изменять оформление или текст этого сообщения (без использования JavaScript), по крайней мере в настоящее время.
Возникает еще один вопрос: что будет, если нарушено несколько правил проверки, например, не заполнено несколько обязательных полей?
Опять же, ничего не будет, пока пользователь не нажмет кнопку для отправки формы. Только после этого браузер начнет проверять поля сверху вниз. Встретив первое некорректное значение, он прекращает дальнейшую проверку, отменяет отправку формы и выводит сообщение об ошибке рядом с полем, вызвавшим эту ошибку. (Кроме этого, если при заполнении формы область с полем ошибки вышла за пределы экрана, браузер прокручивает экран, чтобы это поле находилось вверху страницы.) После того как пользователь исправит данную ошибку и опять нажмет кнопку для отправки формы, браузер остановится на следующей ошибке ввода и процесс повторится.
Plan and Vision
High-Level Objectives
- Provide the web with a one-stop service for Web Quality check
- Help raise quality for (m)any kind(s) of Web content
- Build a positive culture of Web Quality
- Future-proof our services (new formats, new usage)
- Leverage Communities energy
- Remain the trusted source by professionals
- Find the right balance between accuracy and user-friendliness
Roadmap
- New engine: The CSS validator is currently suffering from its usage of a relatively complex java engine for parsing and validation. With help, the engine could be rewritten using either java or a different technology (e.g javascript), while using the existing test suite and localization resources to keep the tool reliable and multilingual.
- move from a per-profile only validation to a checking of «all of CSS properties» by default, mirroring the current consensus in CSS Working Group that there is only «one CSS».
- Add major features, such as accessibility checker (color contrast analysis) and browser bug check (your CSS is valid, but these feature may cause trouble). These may be added directly to the validator, or plugged in together with the CSS validator into the Unicorn Framework.
W3C Validation Services
About W3C Validation services
W3C provides various free validation services
that help check the conformance of Web sites against open standards.
You are most likely here because this address appeared in
logs for your website. This means someone used one of our
services to assess content on your site.
Misuse
While these services were created for the purpose of helping
Web developers and designers there is potential like many online
services for use other than intended.
Modest traffic from these services does not consitute abuse
against your website. Third parties using this service to
review content you make publicly available is not substantially
different from browsing your site. Web designers frequently
evaluate techniques of other websites as a means to learn.
Blocking W3C Validators
Before considering blocking W3C Validator services you should
ensure that nobody in your organization or perhaps contracted
by them is requesting our services to make the assessments.
Should you wish to block all or some W3C Validation services
from assessing your site you may do so based on our IP addresses
or user-agent header string. How to do so varies based on
specific operating systems, firewalls and webserver
software.
Blocking on User-Agent
As these services commonly include the
link https://validator.w3.org/services
in their user-agent you can filter them all based on presence of
that string in user-agent header. You can instead opt to block
specific Validators based on the unique portion of their
user-agents. If you wish to block them individually it would be
best not to include the version numbers as those are subject to
change.
Blocking on IP Address
Traffic from W3C Validator services will be coming from
subnet and you may firewall or block
that in your web server configuration. You should only firewall
incoming port 80 and 443 from this subnet so as not to block
your users from assessing W3C website or ability to participate
in mailing lists.
W3C Validation Services
Below is a listing of W3C’s various Validation services,
links to the services themselves, the user-agent header being
sent and how to find out more information on each.
-
- Service
- User-Agent:
- About
-
- Service
- User-Agent:
- About
-
- Service
- User-Agent:
- About
- * as a crawling service this honors robots.txt directives
-
- Service
- User-Agent:
- About
-
- Service
- User-Agent:
- About
-
- Service
- User-Agent:
- About
- * this service invokes other W3C Validators
- * as a crawling service this honors user supplied directives
-
- Service
- User-Agent:
- About
-
- Service
- User-Agent:
- About
Валидация форм
Последнее обновление: 08.04.2016
Итак, в нашем распоряжении имеются различные элементы, которые мы можем использовать на форме. Мы можем вводить в них различные значения. Однако нередко
пользователи вводят не совсем корректные значения: например, ожидается ввод чисел, а пользователь вводит буквы и т.д. И для предупреждения и проверки некорректного
ввода в HTML5 существует механизм валидации.
Преимущество использования валидации в HTML5 заключается в том, что пользователь после некорректного ввода может сразу получить сообщение об ошибке и внести
соответствующие изменения в введенные данные.
Для создания валидации у элементов форм HTML5 используется ряд атрибутов:
-
min и max: минимально и максимально допустимые значения. Для элемента input с типом datetime-local,
date, month, time, week, number, range
Атрибут required
Атрибут required требует обязательного наличия значения:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Валидация в HTML5</title> </head> <body> <form method="get"> <p> <label for="login">Логин:</label> <input type="text" required id="login" name="login" /> </p> <p> <label for="password">Пароль:</label> <input type="password" required id="password" name="password" /> </p> <p> <input type="submit" value="Отправить" /> </p> </form> </body> </html>
Если мы не введем в эти поля никаких данных, оставив их пустыми, и нажмем на кнопку отправки, то браузер высветит нам сообщения об ошибке, а данные не будут отправлены на сервер:
В зависимости от браузера визуализация сообщения может несколько отличаться. Также границы некорректного поля ввода могут окрашиваться в красный цвет. Например, поведение при отправке
пустых сообщений в Firefox:
Атрибуты max и min
Для ограничения диапазона вводимых значений применяются атрибуты max и min:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Валидация в HTML5</title> </head> <body> <form method="get"> <p> <label for="age">Возраст:</label> <input type="number" min="1" max="100" value="18" id="age" name="age"/> </p> <p> <input type="submit" value="Отправить" /> </p> </form> </body> </html>
Атрибут pattern
Атрибут pattern задает шаблон, которому должны соответствовать данные. Для определения шаблона используется язык так называемых
регулярных выражений. Рассмотрим самые простейшие примеры:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Валидация в HTML5</title> </head> <body> <form method="get"> <p> <label for="phone">Телефон:</label> <input type="text" placeholder="+1-234-567-8901" pattern="\+\d-\d{3}-\d{3}-\d{4}" id="phone" name="phone" /> </p> <p> <input type="submit" value="Отправить" /> </p> </form> </body> </html>
Здесь для ввода номера телефона используется регулярное выражение . Оно означает, что первым элементом в номере
должен идти знак плюс +. Выражение \d представляет любую цифру от 0 до 9. Выражение означает три подряд идущих цифры, а
— четыре цифры подряд. То есть это выражение будет соответствовать номеру телефона в формате «+1-234-567-8901».
Если мы введем данные, которые не соответствуют этому шаблону, и нажмем на отправку, то браузер отобразит ошибку:
Отключение валидации
Не всегда валидация является желаемой, иногда требуется ее отключить. И в этом случае мы можем использовать либо у элемента формы атрибут novalidate,
либо у кнопки отправки атрибут formnovalidate:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Валидация в HTML5</title> </head> <body> <form novalidate method="get"> <p> <label for="phone">Телефон:</label> <input type="text" placeholder="+1-234-567-8901" pattern="\+\d-\d{3}-\d{3}-\d{4}" id="phone" name="phone" /> </p> <p> <input type="submit" value="Отправить" formnovalidate /> </p> </form> </body> </html>
НазадВперед
5 последних уроков рубрики «HTML5»
-
В этом уроке я покажу процесс создания собственных HTML тегов. Пользовательские теги решают множество задач: HTML документы становятся проще, а строк кода становится меньше.
-
Сегодня мы посмотрим, как можно организовать проверку доступности атрибута HTML5 с помощью JavaScript. Проверять будем работу элементов details и summary.
-
HTML5 — глоток свежего воздуха в современном вебе. Она повлиял не только на классический веб, каким мы знаем его сейчас. HTML5 предоставляет разработчикам ряд API для создания и улучшения сайтов с ориентацией на мобильные устройства. В этой статье мы рассмотрим API для работы с вибрацией.
-
Веб дизайнеры частенько сталкиваются с необходимостью создания форм. Данная задача не простая, и может вызвать головную боль (особенно если вы делаете что-то не стандартное, к примеру, много-страничную форму). Для упрощения жизни можно воспользоваться фрэймворком. В этой статье я покажу вам несколько практических приёмов для создания форм с помощью фрэймворка Webix.
-
Знакомство с фрэймворком Webix
В этой статье мы бы хотели познакомить вас с фрэймворком Webix. Для демонстрации возможностей данного инструмента мы создадим интерфейс online аудио плеера. Не обольщайтесь — это всего лишь модель интерфейса. Исходный код доступен в демо и на странице GitHub.
Валидность и другие показатели качества сайта
Еще многое предстоит сделать по расширению возможностей сервиса, в планах по реализации три дополнительных направления:
- Доступность. Соответствие стандарту WCAG (Web Content Accessibility Guidelines), обеспечивающему доступность содержимого сайта для людей с ограниченными возможностями.
- Совместимость. Мультиплатформенная совместимость снижает затраты на разработку и позволяет пользователям просматривать сайт в любом браузере.
- Оптимизация. Упрощение и минимизация кода, оптимизация графики и контента делает сайт более открытым для поисковых систем и удобным для пользователей.
Подводя итог обзору стоит заметить, что сервис находится в стадии тестирования и не все заявленные возможности включены в работу. В целом, с учетом расширения возможностей и внедрением запланированных функций, сервис заслуживает внимания.
Рекомендую ознакомиться с другими моими обзорами средств анализирования сайта из рубрики Аудит и тестирование. И конечно же жду Ваших отзывов! Как думаете, сервис найдет свое место в нише и будет пользоваться спросом?