Привет! Я расскажу о своем опыте нахождения и исправления функционального бага на сайте https://academybugs.com/articles. Этот баг связан с кнопками социальных сетей. Как только я загрузил страницу, мне сразу бросилось в глаза, что кнопки социальных сетей не работают. Обычно, когда я нажимаю на такую кнопку, она должна открыть соответствующую социальную сеть в новой вкладке или перенаправить меня на страницу для авторизации. Однако, ничего не происходит ⏤ кнопки просто не реагируют на нажатие. После некоторого анализа я понял, что проблема скорее всего кроется на стороне фронтенда. Самостоятельно я использовал инструмент тестирования, который проверяет HTML-код страницы и обнаруживает ошибки в разметке ⏤ W3C Markup Validator. Этот инструмент помогает выявить наличие ошибок и предупреждений, которые могут привести к неработающим элементам на веб-странице. Результаты тестирования показали, что на странице присутствует ошибка в разметке. Кнопки социальных сетей не соответствуют стандартам HTML и имеют неправильное оформление. Конкретнее говоря, у них отсутствует атрибут ″href″, который указывает на страницу для перенаправления. Это и объясняет, почему кнопки не реагируют на нажатие. Судя по этим результатам, я пришел к выводу, что баг на сайте https://academybugs.com/articles связан с неправильной разметкой и относится к области фронтенда. Задача по исправлению этой проблемы будет смещена на команду разработки фронтенда. Они могут легко исправить этот баг, добавив соответствующий атрибут ″href″ для каждой кнопки социальной сети.
Вот скриншот из инструмента тестирования W3C Markup Validator, который подтверждает наличие ошибки в разметке кнопок социальных сетей⁚
Вставить скриншот с ошибкой из инструмента тестирования