Nova plataforma, premiada no Selo Linguagem Simples do CNJ, unifica acesso a sistemas e segue padrões de acessibilidade para facilitar navegação do cidadão
Imprimir
1/10/2026 – O Tribunal Superior do Trabalho (TST) lançou seu novo Portal de Serviços, uma plataforma que reúne, em um único ambiente digital, serviços antes distribuídos em diferentes páginas do site. Desenvolvido com foco na experiência do usuário, o portal adota linguagem simples, recursos de acessibilidade e uma navegação mais intuitiva para facilitar o acesso da sociedade aos serviços oferecidos pelo Tribunal.
A iniciativa, liderada pela Secretaria de Tecnologia da Informação e Comunicação (Setin) com a participação de diversas unidades do TST, busca tornar o acesso às informações e aos serviços mais simples, organizado e eficiente.
Segundo Lílian Teixeira Duarte, chefe do Núcleo de Experiência do Usuário da Coordenadoria de Governança e Evolução Digital (CGDIGITAL) da Setin, o projeto foi desenvolvido a partir da necessidade de facilitar o caminho de quem procura um serviço do Tribunal. “Queremos que quem procura um serviço do TST consiga encontrá-lo com facilidade, entender as informações e utilizá-lo com autonomia”, explica.
Serviços disponíveis
Nesta primeira etapa, o Portal de Serviços disponibiliza a emissão e a validação de certidões, como as de histórico de andamento processual, processos em tramitação e exercício da advocacia. Antes emitidos de forma manual, esses documentos agora são gerados automaticamente e contam com QR Code para verificação de autenticidade, proporcionando mais agilidade e segurança.
O portal também adota padrões de navegação inspirados no Gov.br, oferecendo uma interface familiar para quem já utiliza serviços públicos digitais. Cada serviço apresenta informações organizadas de forma padronizada, com orientações claras sobre requisitos, prazos e eventuais custos.
Linguagem simples e acessibilidade
Além de reorganizar os serviços, o projeto revisou a forma como as informações são apresentadas para facilitar sua compreensão. Todo o conteúdo foi desenvolvido em linguagem simples e validado com diferentes perfis de usuários.
“Escrever em linguagem simples não é nada simples; é um trabalho bastante complexo. Fizemos rodadas de testes com advogados e diferentes perfis de usuários, como estagiários e recepcionistas, para verificar se as informações realmente faziam sentido para as pessoas”, detalha Lílian.
A acessibilidade também foi uma das prioridades do projeto. O portal foi desenvolvido para permitir ampliação de até 200% sem perda da estrutura da página e para facilitar a navegação por pessoas que utilizam leitores de tela. “Pensar em acessibilidade melhora a usabilidade para todas as pessoas. Uma página bem estruturada beneficia tanto quem tem deficiência quanto qualquer usuário”, destaca.
Compromisso institucional
A iniciativa está alinhada ao eixo de Inovação, Linguagem Simples e Humanidades das diretrizes de trabalho da atual Presidência do TST. O projeto foi desenvolvido de forma colaborativa e contou com a participação das áreas de Governança e Gestão Estratégica, Comunicação Social, Acessibilidade, Ouvidoria, Secretaria Jurídica e da própria Presidência.
De acordo com a chefe do Núcleo de Experiência do Usuário da CGDIGITAL, além de facilitar o acesso aos serviços, o novo portal contribui para fortalecer a relação entre o Tribunal e a sociedade. “Quando as pessoas conseguem encontrar as informações de que precisam e compreendem facilmente como utilizar um serviço, aumenta a confiança na instituição e amplia-se o acesso à Justiça.”
A expectativa é que, nas próximas etapas, o Portal de Serviços se torne o principal canal de acesso aos sistemas do Tribunal. A plataforma deverá incorporar novos serviços e oferecer formas de navegação organizadas por perfis de usuários, como cidadão, advogado e pesquisador, tornando o acesso cada vez mais simples e intuitivo.
Selo Linguagem Simples
Inclusive, o novo Portal de Serviços do TST foi reconhecido pelo Conselho Nacional de Justiça (CNJ) no Selo Linguagem Simples 2026 nesta quinta-feira (1º).
O TST obteve nota 81 entre os tribunais brasileiros.
“Essa conquista é do Tribunal como um todo. Linguagem simples não se faz apenas com bons textos: ela precisa chegar ao cidadão pelos canais que ele usa”, destacou o secretário da Setin, Fabiano de Andrade.
(Fernanda Duarte/JS)
Mais detalhes
Número de visualizações
11
Visualizações
.slick-carousel-container {
max-width: 800px;
margin: 20px auto;
padding: 0 20px;
font-family: Arial, sans-serif;
}
.gallery-header {
padding: 15px 0 10px 0;
}
.gallery-header h3 {
color: #333;
font-size: 14px;
margin: 0;
}
/* === CARROSSEL PRINCIPAL (SLIDER-FOR) – COM SETAS === */
.slick-carousel-container [class*=”slider-for-“] {
margin-bottom: 20px;
text-align: center;
position: relative;
}
.slide-item {
position: relative;
text-align: center;
padding: 0;
}
.slide-image {
width: 600px;
height: 400px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: all 0.3s ease;
margin: 0 auto;
display: block;
}
.slide-caption {
margin-top: 15px;
padding: 10px;
background: white;
color: black;
border-radius: 5px;
font-size: 14px;
line-height: 1.4;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
/* === CARROSSEL DE NAVEGAÇÃO (SLIDER-NAV) – COM SETAS === */
.slick-carousel-container [class*=”slider-nav-“] {
position: relative;
padding: 0 30px;
}
/* === CORREÇÕES PARA CARROSSEIS COM POUCAS IMAGENS === */
.slick-carousel-container [class*=”slider-nav-“] .slick-track {
display: flex !important;
align-items: center;
justify-content: center; /* Centraliza quando há poucas imagens */
}
.slick-carousel-container [class*=”slider-nav-“] .slick-slide {
height: auto !important;
width: auto !important;
margin: 0 !important;
}
.nav-item {
padding: 0 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.nav-thumbnail {
width: 100%;
height: 80px;
object-fit: cover;
border-radius: 6px;
opacity: 0.6;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.nav-item:hover .nav-thumbnail {
opacity: 0.8;
}
/* === SLICK ESPECÍFICO PARA NAVEGAÇÃO – SLIDE ATIVO === */
.slick-carousel-container [class*=”slider-nav-“] .slick-current .nav-thumbnail {
opacity: 1;
border-color: #007bff;
transform: scale(1.05);
box-shadow: 0 2px 8px rgba(0,123,255,0.3);
}
/* === SETAS CUSTOMIZADAS PARA AS THUMBNAILS === */
.slick-carousel-container [class*=”slider-nav-“] .slick-prev,
.slick-carousel-container [class*=”slider-nav-“] .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: rgba(255,255,255,0.9);
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
z-index: 10;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-prev:before,
.slick-carousel-container [class*=”slider-nav-“] .slick-next:before {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1;
color: #333;
opacity: 1;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-prev {
left: -15px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-next {
right: -15px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-prev:before {
content: ‘‹’;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-next:before {
content: ‘›’;
}
/* === DOTS CUSTOMIZADOS === */
.slick-carousel-container [class*=”slider-nav-“] .slick-dots {
bottom: -30px;
text-align: center;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-dots li button:before {
color: #007bff;
font-size: 12px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-dots li.slick-active button:before {
color: #0056b3;
}
/* === RESPONSIVE DESIGN === */
@media (max-width: 768px) {
.slick-carousel-container {
margin: 10px;
padding: 0 15px;
}
.slide-item {
padding: 0;
}
.slide-image {
width: 100%;
max-width: 600px;
height: auto;
aspect-ratio: 3/2;
}
.slide-caption {
font-size: 13px;
padding: 8px;
margin-top: 10px;
}
.nav-thumbnail {
height: 60px;
}
.gallery-header {
padding: 10px 0;
}
.gallery-header h3 {
font-size: 13px;
}
/* Ajustar setas principais para mobile */
.slick-carousel-container [class*=”slider-for-“] .slick-prev,
.slick-carousel-container [class*=”slider-for-“] .slick-next {
width: 35px;
height: 35px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-prev {
left: 10px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-next {
right: 10px;
}
}
@media (max-width: 640px) {
.slide-image {
width: 100%;
height: 250px;
aspect-ratio: unset;
}
.nav-thumbnail {
height: 50px;
}
.slide-caption {
font-size: 12px;
padding: 6px;
}
/* Ajustar setas para mobile pequeno */
.slick-carousel-container [class*=”slider-nav-“] .slick-prev {
left: -10px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-next {
right: -10px;
}
}
@media (max-width: 480px) {
.slick-carousel-container {
padding: 0 10px;
}
.slide-image {
height: 200px;
}
.nav-thumbnail {
height: 40px;
}
/* Setas menores para mobile muito pequeno */
.slick-carousel-container [class*=”slider-for-“] .slick-prev,
.slick-carousel-container [class*=”slider-for-“] .slick-next {
width: 30px;
height: 30px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-prev:before,
.slick-carousel-container [class*=”slider-for-“] .slick-next:before {
font-size: 16px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-prev {
left: 5px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-next {
right: 5px;
}
}
@media (max-width: 767.98px) {
.social-media-share-relative {
position:relative !important;
z-index:1000 !important;
}
/* === ANIMAÇÕES SUAVES === */
.slick-carousel-container [class*=”slider-for-“] .slick-slide {
opacity: 0;
transition: opacity 0.3s ease;
}
.slick-carousel-container [class*=”slider-for-“] .slick-active {
opacity: 1;
}
/* === BANNER FINAL === */
.banner-final-noticia {
margin: 25px auto 20px auto;
padding: 15px 0;
text-align: center;
width: 100%;
max-width: 800px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #f0f0f0;
}
.banner-final-noticia a {
display: inline-block;
width: 100%;
text-decoration: none;
transition: all 0.3s ease;
}
.banner-final-noticia a:hover {
transform: translateY(-1px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.banner-final-noticia .banner-image {
width: 100%;
height: auto;
min-height: 80px;
max-height: 150px;
object-fit: cover;
object-position: center;
border-radius: 6px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
cursor: pointer;
}
.banner-final-noticia .banner-image:hover {
opacity: 0.9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
/* === RESPONSIVE BANNER === */
@media (max-width: 1024px) {
.banner-final-noticia {
margin: 20px auto 15px auto;
padding: 12px 10px;
max-width: 90%;
}
.banner-final-noticia .banner-image {
min-height: 70px;
max-height: 120px;
border-radius: 5px;
}
}
@media (max-width: 768px) {
.banner-final-noticia {
margin: 15px auto 12px auto;
padding: 10px 5px;
max-width: 95%;
}
.banner-final-noticia .banner-image {
min-height: 60px;
max-height: 100px;
border-radius: 4px;
}
.banner-final-noticia a:hover {
transform: none;
}
}
@media (max-width: 480px) {
.banner-final-noticia {
margin: 12px auto 10px auto;
padding: 8px 0;
}
.banner-final-noticia .banner-image {
min-height: 50px;
max-height: 80px;
}
}
// ===============================================
// SCRIPT GLOBAL MELHORADO PARA CARROSSEIS SLICK
// ===============================================
// Variáveis globais para controle
window.carouselInitialized = window.carouselInitialized || {};
window.carouselRetries = window.carouselRetries || {};
// Função para verificar se elementos estão prontos
function waitForElements(selector, callback, maxWait = 5000) {
const startTime = Date.now();
function check() {
const elements = $(selector);
if (elements.length > 0 && elements.find(‘img’).length > 0) {
callback(elements);
} else if (Date.now() – startTime 1,
autoplay: false,
speed: 300,
cssEase: ‘ease-in-out’
});
// Aguardar antes de inicializar navegação
setTimeout(function() {
$navSlider.slick({
slidesToShow: Math.min(5, navCount),
slidesToScroll: 1,
asNavFor: forSelector,
dots: navCount > 5,
centerMode: navCount > 3,
focusOnSelect: true,
variableWidth: false,
infinite: navCount > 3,
arrows: navCount > 5,
autoplay: false,
speed: 300,
cssEase: ‘ease-in-out’,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: Math.min(3, navCount),
centerMode: navCount > 3,
arrows: navCount > 3
}
},
{
breakpoint: 480,
settings: {
slidesToShow: Math.min(2, navCount),
centerMode: false,
arrows: navCount > 2
}
}
]
});
// Marcar como inicializado
window.carouselInitialized[groupId] = true;
console.log(`Carrossel 10157 inicializado com sucesso!`);
// Forçar refresh da posição
setTimeout(function() {
$forSlider.slick(‘setPosition’);
$navSlider.slick(‘setPosition’);
}, 100);
}, 150);
} catch (error) {
console.error(`Erro ao inicializar carrossel 10157:`, error);
// Tentar novamente uma vez
const retryCount = window.carouselRetries[groupId] || 0;
if (retryCount 0) {
console.log(`Corrigindo carrossel 10157`);
$forSlider.slick(‘setPosition’);
$navSlider.slick(‘setPosition’);
setTimeout(() => $forSlider.slick(‘slickGoTo’, 0), 100);
}
}
});
}
// Inicialização quando documento estiver pronto
$(document).ready(function() {
console.log(‘=== Documento Pronto – Inicializando Carrosseis ===’);
// Inicializar após um delay para garantir que tudo está carregado
setTimeout(initializeGlobalCarousels, 800);
// Verificação periódica
setInterval(checkCarousels, 5000);
});
// Event listener para Liferay
Liferay.on(“allPortletsReady”, function() {
console.log(‘=== Portlets Prontos – Verificando Carrosseis ===’);
// Configurar botão de impressão
$(‘#header_custom_print’).attr(‘href’, $(“[title*=’Imprimir’]”).children().attr(‘href’));
// Verificar carrosseis após portlets prontos
setTimeout(function() {
let needsInit = false;
$(‘.slick-carousel-container’).each(function() {
const groupId = $(this).attr(‘data-gallery-group’);
if (!window.carouselInitialized[groupId]) {
needsInit = true;
}
});
if (needsInit) {
console.log(‘Alguns carrosseis não foram inicializados, inicializando agora…’);
initializeGlobalCarousels();
}
}, 1000);
});
// Handler para redimensionamento
let resizeTimeout;
$(window).on(‘resize’, function() {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function() {
console.log(‘Redimensionamento – Atualizando carrosseis’);
$(‘[class*=”slider-for-“], [class*=”slider-nav-“]’).each(function() {
if ($(this).hasClass(‘slick-initialized’)) {
try {
$(this).slick(‘setPosition’);
} catch (e) {
console.warn(‘Erro ao reposicionar:’, e);
}
}
});
}, 250);
});
// Funções de debug globais
window.debugAllCarousels = function() {
console.log(‘=== DEBUG GLOBAL DE CARROSSEIS ===’);
console.log(‘Carrosseis inicializados:’, window.carouselInitialized);
$(‘.slick-carousel-container’).each(function() {
const groupId = $(this).attr(‘data-gallery-group’);
const $forSlider = $(`.slider-for-10157`);
const $navSlider = $(`.slider-nav-10157`);
console.log(`Carrossel 10157:`, {
initialized: window.carouselInitialized[groupId] || false,
forExists: $forSlider.length > 0,
navExists: $navSlider.length > 0,
forSlickInit: $forSlider.hasClass(‘slick-initialized’),
navSlickInit: $navSlider.hasClass(‘slick-initialized’),
slides: $forSlider.find(‘.slide-item’).length
});
});
};
window.reinitAllCarousels = function() {
console.log(‘=== REINICIALIZAÇÃO MANUAL ===’);
window.carouselInitialized = {};
window.carouselRetries = {};
// Destruir todos os carrosseis
$(‘[class*=”slider-for-“], [class*=”slider-nav-“]’).each(function() {
if ($(this).hasClass(‘slick-initialized’)) {
try {
$(this).slick(‘unslick’);
} catch (e) {
console.warn(‘Erro ao destruir:’, e);
}
}
});
// Reinicializar após delay
setTimeout(initializeGlobalCarousels, 500);
};
Source: TST
Leave a Comment